<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<title></title>
	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
	<link rel="stylesheet" href="https://static.91haoka.cn/vant.css" />
	<script src="https://static.91haoka.cn/vue.min.js"></script>
	<script src="https://static.91haoka.cn/vantall.js"></script>
	<script src="https://static.91haoka.cn/axios.min.js"></script>
	<link rel="stylesheet" type="text/css" href="https://static.91haoka.cn/all.css" />
	<script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
	<script src="https://cdn.rockysports.cn/moment.js" type="text/javascript" charset="utf-8"></script>

	<!-- 快手回调用 -->
	<script type="text/javascript">
		(function (root) {
			var ksscript = document.createElement('script');
			ksscript.setAttribute('charset', 'utf-8');
			ksscript.src = '//p2-yx.adkwai.com/udata/pkg/ks-ad-trace-sdk/ks-trace.3.2.0.min.js';
			var s = document.getElementsByTagName('script')[0];
			s.parentNode.insertBefore(ksscript, s);


			var script = document.createElement('script');
			script.type = 'text/javascript';
			script.crossOrigin = 'anonymous';
			script.src = '//cheka.biz.weibo.com/snippet'; // js-sdk地址
			script.onerror = function () {
				const img = document.createElement('img')
				img.src = '//cheka.biz.weibo.com/api/v1/events/collect?t=load.error&dl='
					+ encodeURIComponent(location.href) + '&rf=' + encodeURIComponent(document.referrer)
					+ '&st=' + performance.now() + '&ts=' + Date.now();
			}
			var s2 = document.getElementsByTagName('script')[0];
			s2.parentNode.insertBefore(script, s2);
		})(window);


	</script>
</head>
<style type="text/css">
	* {
		box-sizing: border-box;
		font-family: 'PingFang SC';
		font-size: 14px;
	}

	[v-cloak] {
		display: none;
	}

	.center {
		padding: 0.2rem 0;
	}

	.smalltitle {
		color: #3976ff;
		padding: 0.2rem;
		border-bottom: 1px #EAEAEA solid;
		padding-left: 0.5rem;
		font-weight: bold;
		background: url(https://cdn.91haoka.cn/xian.png) no-repeat 0.1rem center;
		background-size: 16px;
	}

	.title {
		border-bottom: 1px #EAEAEA solid;
		line-height: 0.8rem;
		padding: 0 0.2rem;
	}

	.footer img {
		width: 100%;
		display: block;
	}

	.flex {
		display: flex;
	}

	.li {
		line-height: 0.8rem;
		padding: 0 0.5rem;
	}

	.tishi {
		flex-basis: 1.5rem;
		color: #666;
	}

	.neirong {
		flex-basis: 5rem;
		position: relative;
	}

	.van-field__control {
		color: #333;
	}

	.where {
		padding-left: 0.5rem;
		color: #333;
	}

	.w1 {}

	.code {
		position: absolute;
		right: 0;
		z-index: 98;
		height: 0.5rem;
		font-size: 12px;
	}

	.ps {
		font-size: 12px;
		padding: 0.2rem 0.5rem;
		color: #999;
		line-height: 0.4rem;
	}

	.ps2 {
		font-size: 12px;
		padding: 0.0rem 0.5rem;
		display: flex;
		justify-content: space-between;
		color: #e8b004;
		line-height: 0.4rem;
	}

	.buy {
		padding: 0.2rem 0.5rem;
	}

	.buy button {
		height: 40px;
		line-height: 38px;
	}

	.van-radio {
		margin-bottom: 0.15rem;
	}

	.tc {
		border: 1px #EAEAEA solid;
		padding-left: 0.2rem;
		margin-bottom: 0.1rem;
		line-height: 0.6rem;
		border-radius: 3px;
		background: #FFFFFF;
	}

	.act {
		background: #1989fa !important;
		color: #FFFFFF !important;
	}

	.van-button--disabled {
		background: #FFFFFF;
		color: #1989fa;
	}

	.van-button,
	.van-button--large,
	.buy button {
		height: auto;
		line-height: 25px;

	}

	.van-button span {
		font-size: 12px;
	}

	.van-uploader {
		width: 100%;
		height: 100%;
	}

	.van-uploader__wrapper {
		width: 100%;
		height: 100%;
	}

	.van-uploader__upload {
		width: 100%;
		height: 100%;
	}

	.van-uploader__input-wrapper {
		width: 100%;
		height: 100%;
	}

	img {
		max-width: 100%;
		max-height: 100%;
	}

	.van-cell {
		background: transparent;
	}

	.van-popup {
		background: transparent !important;
	}


	.xuanhao {
		background: #fff !important;
		padding: 0 0.2rem !important;
	}

	.ullist {
		padding: 0.2rem 0;
		width: 100%;
	}

	.lili {
		border: 1px #EEEEEE solid;
		padding: 0.2rem;
		color: #000;
		font-weight: bold;
		width: 49%;
		margin: 0.1rem 0;
		text-align: center;
		border-radius: 0.2rem;
		background-color: white;
	}

	.lili span {
		font-size: 22px;
	}

	.van-action-sheet {
		max-height: 90%;
	}

	.van-toast__text {
		color: #fff
	}

	.van-cell:not(:last-child)::after {
		border-bottom: 0;
	}

	.red {
		border-bottom: 1px #f00 solid !important;
	}

	.hei {
		color: #333 !important;
	}

	.red div {
		color: #f00;
	}

	.red span {
		color: #f00 !important;
	}

	.red input::-webkit-input-placeholder {
		color: #f00;
	}

	.t_fanye {
		display: flex;
		font-size: 14px;

		justify-content: end;
		width: 100%;
	}

	.van-checkbox__label {
		color: #fff;
	}

	.van-checkbox__label2 .van-checkbox__label {
		color: #000 !important;
	}

	.t_search_btn {
		/* width: 44px;  */
		position: absolute;
		right: 4px;
		top: 4px;
		background-color: #3C3C3C;
		color: white;
		border-radius: 20px;
		text-align: center;
		padding: 8px 19px;
	}

	.t_liang_box {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		margin-top: 20px;
	}

	.t_liang_tag {
		background-color: #3C3C3C;
		border-radius: 20px;
		color: white;
		width: 24%;
		margin-right: 1%;
		text-align: center;
		margin-bottom: 10px;
		font-size: 16px;
		padding: 6px 0;
	}

	.t_liang_tag_lei {
		background-color: #e8b004;
	}

	.t_fanye {
		display: flex;
		font-size: 14px;
		justify-content: space-around;
		width: 100%;
	}

	.t_changepage {
		background-color: #e8b004;
		width: 80px;
		line-height: 30px;
		text-align: center;
		color: white;
		border-radius: 4px;
	}

	.t_s_box {
		background-color: rgba(225, 225, 225, 0.5);
		box-sizing: border-box;
		border-radius: 20px;
		padding: 15px;
		/* margin-bottom: 20px; */
	}

	.t_sw {
		height: 20px;
		overflow-y: auto;
		color: white;
		text-align: center;
		margin-bottom: 10px;
	}

	.ddcx_container {
		z-index: 9999;
		width: 49px;
		height: 49px;
		background: #FF9040;
		border-radius: 50%;
		display: flex;
		justify-content: center;
		align-items: center;
		position: fixed;
		right: 17px;
		top: 50%;
	}

	.zxkf_container {
		z-index: 9999;
		width: 49px;
		height: 49px;
		position: fixed;
		right: 17px;
		top: 60%;
	}
	.van-checkbox__icon{ height: 15px; line-height: 15px; font-size: 15px; width: 15px;}
	.van-checkbox__icon .van-icon{ width: 15px; height: 15px;}
	table{max-width: 100%;}
	.yuanjiao1{padding:0.2rem 0.2rem 1.2rem;}
	.yuanjiao2{border-radius: 0.2rem;}
	.yuanjiao3{ border-radius:0.2rem; margin-top:0.2rem;}
	.yuanjaoo4{margin-top: 0.2rem;}
</style>

<body>
	<div id="app" style="background: rgb(215, 239, 241); min-height: 100vh; " :class="peizhi.yuanjiao == 2?'zhijiao1':'yuanjiao1'" v-cloak>



		<div class="ddcx_container" v-if="peizhi.ddcx&&peizhi.ddcx==1" @click="openLink('chadan')">
			<img class="zxkf_img" src="./img/ddcx.png" alt="">
		</div>
		<div class="zxkf_container" v-if="peizhi.jumpUrl&&peizhi.zxkf&&peizhi.zxkf==1" @click="openUrl(peizhi.jumpUrl)">
			<img class="zxkf_img" src="./img/zxkf.png" alt="">
		</div>
		<div class="top" style="position: relative;">

			<!-- <div class="topimg flexcc">
					<img :src="item.pic" style="border-radius: 0.2rem;">
				</div> -->
			<div class="topimg flexcc">
				<img :src="item.details"  :class="peizhi.yuanjiao == 2?'zhijiao2':'yuanjiao2'">
			</div>

			<div style="position: absolute; left: 2.3rem; top: 5.15rem; width: 2rem; height: 0.5rem;"
				@click="window.location.href = './wendang.html'" v-if="id == 554358"></div>

			<div style="position: absolute; left: 4.7rem; top: 9.8rem; width: 2rem; height: 0.5rem; "
				@click="window.location.href = './wendang2.html'" v-if="id == 554358"></div>
		</div>

		<div style="background: #ff3f3f; padding: 0.2rem;" :class="peizhi.yuanjiao == 2?'zhijiao3':'yuanjiao3'"
			:style="{background:peizhi.neirongcolor}" v-if="item.take_number >0">
			<!-- 领取播报模块 -->
			<van-swipe v-if="peizhi.gm==1" class="t_sw" vertical :autoplay="2000"
				:style="{color:(peizhi.neirongcolor=='rgb(255, 255, 255)'?'#333333':'#00000')}"
				:show-indicators="false">
				<van-swipe-item v-for="(item,index) in gmlist" :key="index">{{item}}</van-swipe-item>
			</van-swipe>
			<div class="t_s_box">
				<div v-if="this.item.address_yz==1" style="margin-bottom: 3px;">收货地址必须与号码归属地一致</div>
				<div class="flex" style="align-items: center;   " v-if="item.take_number >0 && item.mobile_config == 1">
					<!--  -->
					<div style="width: 1.6rem; overflow:hidden;">选择归属地</div>
					<div style="flex-grow: 1; padding-left: 0.3rem; color: #2D3038; font-size: 0.26rem; line-height:44px; position:relative;"
						@click="showPopup2">
						<div class="where">
							<span v-if="shengshiqu2">{{shengshiqu2}}</span>
							<span v-else>选择地区</span>
							<van-icon name="arrow" size="14"
								style="position: absolute; top: 0px; line-height:44px; right:0;" />
						</div>
					</div>
				</div>
				<div class="flexcc" style="padding-top: 0.2rem;position: relative; ">
					<div
						style="padding-left: 0.3rem; color: #2D3038; background: #F6F6F6; font-size: 0.26rem; border-radius: 22px; width: 100%; position: relative;">
						<van-field v-model="shuzi" placeholder="亲，请输入您喜欢的数字"></van-field>
						<div class="t_search_btn" @click="shaixuanhao(shuzi)">搜索</div>
					</div>
					<div class="t_liang_box">
						<div @click="choosetag(index,item)" v-for="(item,index) in lianglist" :key="index"
							class="t_liang_tag"
							:style="nowchoosetag==index.toString()?(peizhi.anniucolor?{'background-color':peizhi.anniucolor}:'background-color:#e8b004'):'background-color:#3C3C3C'">
							{{item.rule_name}}</div>
					</div>
				</div>
				<van-checkbox-group v-model="choosesend" @change="checkfoutboxChange"
					style="display: flex;align-items: center;flex-wrap: wrap;">
					<van-checkbox checked-color="#ff4021" v-for="(item,index) in btnsear" :key="index"
						:name="item.rule_name"><span style="color: #2D3038;">{{item.rule_name}}</span></van-checkbox>
				</van-checkbox-group>
			</div>

			<div class="flexcc" style="padding-top: 0.2rem;position: relative; padding-bottom: 0.6rem;" id="xuanhao">

				<div class="ullist flexb" v-if="list != ''" style="width: 100%;">
					<div class="lili" v-for="(item,index) in list" :key="index" @click="querenxuanhao(item)">
						<span>{{item.mobile[0]}}</span><span
							style="color: #f00;">{{item.mobile[1]}}</span><span>{{item.mobile[2]}}</span>

						<div
							style="display: flex;justify-content: space-around;font-size:12px;align-items: center;margin-top: 3px;">
							<div style="color:#9d834e;font-weight:600;">
								立即领取
							</div>
							<div v-if="item.remark&&peizhi.jixiang!='2'"
								style="color:#fc0742;background-color: #fcdece;font-size: 12px;padding: 2px 6px;border-radius: 20px;">
								{{item.remark}}
							</div>
						</div>
					</div>
				</div>
				<div class="ullist flexb" style="color: #2D3038;" v-if="list == ''">
					暂无数据
				</div>
				<div class="t_fanye">
					<div v-if="pagenum!=1" class="t_changepage" :style="{background:peizhi.anniucolor}"
						@click="prepage">上一页</div>
					<div v-if="list.length==20" class="t_changepage" :style="{background:peizhi.anniucolor}"
						@click="nextpage">下一页</div>
				</div>
				<div style="color: white;text-align: center;margin-top: 20px;" @click="refnum">换一批</div>
			</div>
			
			<!-- 广点通 -->
			<div v-if="item.is_gdt_template" id="is_gdt_template">
				<div style="padding: 20px 0 10px 0;">当前选择号码：{{linshi}}</div>
				<div v-if="peizhi.xiantianxie == 1">
				
				
					<div style="border-radius:20px; padding:0.2rem; margin-top:0.2rem; "
						:style="{background:peizhi.neirongcolor}">
				
						<div v-if="peizhi.needidcard==1||peizhi.needidcard==undefined">
							<!-- <div style="font-weight: bold; font-size: 15px; margin-bottom:0.1rem">个人信息</div> -->
				
							<!-- <div class="flex" style="align-items: center; border-bottom:1px #EAEAEA solid;">
									<div style="width: 1.8rem; overflow:hidden;">姓名</div>
									<div style="flex-grow: 1; padding-left: 0.2rem; color: #2D3038; font-size: 0.26rem;">
										<van-field v-model="all.id_name" placeholder="系统已加密，请放心填写" />
									</div>
								</div> -->
				
							<div class="flex"
								style="align-items: center; background: #F8F8F8; padding-left: 0.2rem; margin-bottom: 0.2rem; border-radius: 0.2rem;">
								<div style="width: 1.7rem; overflow:hidden;"><span
										style="margin-right:5px; color: #f00;">*</span>办理人姓名</div>
								<div style="flex-grow: 1; padding-left: 0.2rem; color: #2D3038; font-size: 0.26rem;">
									<van-field v-model="all.id_name" @change="teshuhuichuan()" placeholder="请输入办理人姓名" />
								</div>
							</div>
				
							<div class="flex"
								style="align-items: center; background: #F8F8F8; padding-left: 0.2rem; margin-bottom: 0.2rem;  border-radius: 0.2rem;">
								<div style="width: 1.7rem; overflow:hidden;"><span
										style="margin-right:5px; color: #f00;">*</span>身份证号码</div>
								<div style="flex-grow: 1; padding-left: 0.2rem; color: #2D3038; font-size: 0.26rem;">
									<van-field v-model="all.id_num" @change="teshuhuichuan()" placeholder="系统已加密，请放心填写" />
								</div>
							</div>
						</div>
						<!-- <div style=" border-radius:5px; padding:0.4rem; margin-top:0.2rem;"  :style="{background:peizhi.neirongcolor}">
							<div style="font-weight: bold; font-size: 15px; margin-bottom:0.1rem">配送信息</div> -->
						<div class="flex"
							style="align-items: center; background: #F8F8F8; padding-left: 0.2rem; margin-bottom: 0.2rem;  border-radius: 0.2rem;"
							v-if="!peizhi.shouhuorenxingming">
							<div style="width: 1.7rem; overflow:hidden;"><span
									style="margin-right:5px; color: #f00;">*</span>收货人</div>
							<div style="flex-grow: 1; padding-left: 0.2rem; color: #2D3038; font-size: 0.26rem;">
								<van-field v-model="all.name" @change="teshuhuichuan()" placeholder="系统已加密，请放心填写" />
							</div>
						</div>
						<div class="flex"
							style="align-items: center; background: #F8F8F8; padding-left: 0.2rem;  margin-bottom: 0.2rem; border-radius: 0.2rem;">
							<div style="width: 1.7rem; overflow:hidden;"><span
									style="margin-right:5px; color: #f00;">*</span>联系电话</div>
							<div style="flex-grow: 1; padding-left: 0.2rem; color: #2D3038; font-size: 0.26rem;">
								<van-field v-model="all.mobile" @change="teshuhuichuan(true)" placeholder="系统已加密，请放心填写" />
							</div>
						</div>
						<div class="flex"
							style="align-items: center; background: #F8F8F8; padding-left: 0.2rem;  margin-bottom: 0.2rem; border-radius: 0.2rem; position:relative;"
							v-if="peizhi.duanxin">
							<div style="width: 1.7rem; overflow:hidden;"><span
									style="margin-right:5px; color: #f00;">*</span>验证码</div>
							<div style="flex-grow: 1; padding-left: 0.2rem; color: #2D3038; font-size: 0.26rem;">
								<div class="code" style="right: 0.2rem; top:0.2rem; "><van-button type="info" size="small"
										@click="getcode" type="tel" :disabled="yzmuse"
										style="font-size: 12px;">{{yzm}}</van-button></div>
								<van-field v-model="all.code" @change="teshuhuichuan" placeholder="请输入验证码" />
							</div>
						</div>
				
						<div class="flex"
							style="align-items: center;background: #F8F8F8; padding-left: 0.2rem;  margin-bottom: 0.2rem; border-radius: 0.2rem;">
							<div style="width: 1.7rem; overflow:hidden;"><span
									style="margin-right:5px; color: #f00;">*</span>所在地区</div>
							<div style="flex-grow: 1; padding-left: 0.2rem; color: #2D3038; font-size: 0.26rem; padding: 10px 0; width: 0; position:relative;"
								@click="showPopup">
								<div class="where">{{shengshiqu}}
									<van-icon name="arrow-down" size="14"
										style="position: absolute; top: 0px; line-height:44px; right:10px;" />
								</div>
							</div>
						</div>
						<div class="flex"
							style="align-items: center; background: #F8F8F8; padding-left: 0.2rem; margin-bottom: 0.2rem;  border-radius: 0.2rem;">
							<div style="width: 1.7rem; overflow:hidden;"><span
									style="margin-right:5px; color: #f00;">*</span>详细地址</div>
							<div style="flex-grow: 1; padding-left: 0.2rem; color: #2D3038; font-size: 0.26rem;">
								<van-field v-model="all.address" @change="teshuhuichuan" placeholder="请输入详细地址" />
							</div>
						</div>
						<div class="flex" v-for="(item2,index2) in item.custom_info"
							style="align-items: center; background: #F8F8F8; padding-left: 0.2rem; margin-bottom: 0.2rem;  border-radius: 0.2rem;">
							<div style="flex: 0 0 auto;"><span
									style="margin-right:5px; color: #f00;" v-if="item2.bitian">*</span>{{item2.name}}</div>
							<div style="flex: 1; padding-left: 0.2rem; color: #2D3038; font-size: 0.26rem;">
								<!-- <van-field v-model="all.custom_info[index2].name" :placeholder="item2.name" v-if="item2.geshi == 0" /> -->
								<van-field v-model="all.custom_info[index2].value" :type="item2.geshi == 1?'number':''" placeholder="请输入"  />
							</div>
						</div>
						<!-- <div class="flex" style="align-items: center; border-bottom:1px #EAEAEA solid;">
								<div style="width: 1.7rem; overflow:hidden;">上传相关证件</div>
								<div style="flex-grow: 1; padding-left: 0.2rem; color: #2D3038;  text-align:right;">
									<van-icon name="arrow" size="14" style=" line-height:44px;" />
								</div>
							</div> -->
						<div style=" color: #fff; font-size: 12px; padding: 0.2rem 0.25rem 0; "
							:style="{'color':peizhi.yansename=='白色'?'#000':'#fff'}">
							{{item.custom_remind || '填写真实身份信息，未满18岁、一证五号、信息错误将无法发货'}}
						</div>
						<!-- <div style=" color: #fff; font-size: 12px; padding: 0.2rem 0.25rem 0; "
							:style="{'color':peizhi.yansename=='白色'?'#000':'#fff'}">
							*请填写真实身份信息及电话地址信息，填写错误会导致无法发货
						</div> -->
						<div v-if="peizhi.shenfenzheng">
							<div :style="{'color':peizhi.yansename=='白色'?'#000':'#fff'}"
								style="font-size: 0.3rem; padding:0.3rem 0.25rem 0">身份证照片上传：</div>
							<div style="border-bottom:1px #EAEAEA solid; padding:0.3rem 0.25rem"
								:style="{'color':peizhi.yansename=='白色'?'#000':'#fff'}">
								根据运营商要求，该套餐需上传身份证照片才可开卡，该照片仅用于运营商开卡，请按照要求上传正确的照片。
							</div>
							<div class="flex" style="padding: 0.25rem 0;justify-content: space-around;">
								<div style="width: 3rem; background: #f7f8fa;" class="flexcc">
				
									<div style="width: 100%; height: 100%;">
										<van-uploader :after-read="afterRead1" deletable="false" preview-size="3rem"
											show-upload="false">
											<div v-if="all.face_url"><img :src="all.face_url" style="width: 3rem; "></div>
											<div style="width: 100%; height: 100%;" class="flexcc" v-if="!all.face_url">
												<van-icon name="photograph" color="#999" size="30" />
											</div>
										</van-uploader>
									</div>
								</div>
								<div style="width: 3rem;" class="flexcc">
									<img src="./img/face.jpg" style="width: 3rem;">
								</div>
							</div>
							<div style="padding: 0.1rem 0.25rem;" :style="{'color':peizhi.yansename=='白色'?'#000':'#fff'}">
								证件四角边缘空隙2厘米以上，手机横拍，照片清晰不模糊，无水印，无反光，无PS</div>
							<div class="flex" style="padding: 0.25rem 0;justify-content: space-around;">
								<div style="width: 3rem; background: #f7f8fa;" class="flexcc">
				
									<div style="width: 100%; height: 100%;">
										<van-uploader :after-read="afterRead2" deletable="false" preview-size="3rem"
											show-upload="false">
											<div v-if="all.back_url"><img :src="all.back_url" style="width: 3rem;"></div>
											<div style="width: 100%; height: 100%;" class="flexcc" v-if="!all.back_url">
												<van-icon name="photograph" color="#999" size="30" />
											</div>
										</van-uploader>
									</div>
								</div>
								<div style="width: 3rem;" class="flexcc">
									<img src="./img/back.jpg" style="width: 3rem;">
								</div>
							</div>
							<div style="padding: 0.1rem 0.25rem;" :style="{'color':peizhi.yansename=='白色'?'#000':'#fff'}">
								证件四角边缘空隙2厘米以上，手机横拍，照片清晰不模糊，无水印，无反光，无PS</div>
							<div class="flex" style="padding: 0.25rem 0;justify-content: space-around;">
								<div style="width: 3rem; background: #f7f8fa;" class="flexcc">
									<div style="width: 100%; height: 100%;">
										<van-uploader :after-read="afterRead3" deletable="false" preview-size="3rem"
											show-upload="false">
											<div v-if="all.hand_url"><img :src="all.hand_url" style="width: 3rem;"></div>
											<div style="width: 100%; height: 100%;" class="flexcc" v-if="!all.hand_url">
												<van-icon name="photograph" color="#999" size="30" />
											</div>
										</van-uploader>
									</div>
								</div>
								<div style="width: 3rem;" class="flexcc">
									<img src="./img/head.png" style="width: 3rem;">
								</div>
							</div>
							<div style="padding: 0.1rem 0.25rem; color: #f00; font-weight: bold; text-shadow: 0 0 5px #fff;" v-if="item.is_not_need_glasses == 1">
								请摘掉眼镜拍摄，否则不通过</div>
							<div style="padding: 0.1rem 0.25rem;" :style="{'color':peizhi.yansename=='白色'?'#000':'#fff'}">
								无需手持身份证，胸部以上，露出双肩，人像面部比例不低于1/3，无水印，无反光，无PS</div>
							<div style="padding: 0.1rem 0.25rem;" :style="{'color':peizhi.yansename=='白色'?'#000':'#fff'}">
								请上传真实环境拍摄的免冠照，不要上传证件照</div>
								
							
						</div>
				
						<div class="flex" style="padding: 0.25rem 0.1rem;justify-content: space-around;" v-if="peizhi.shangchuanneirongma">
							<div style="width: 6.4rem; min-height: 3rem;  gap: 0.4rem;" class="flexcc">
								<div style="flex: 1; background: #f7f8fa; height: 100%;">
									<van-uploader :after-read="afterRead4" deletable="false" preview-size="3rem"
										show-upload="false">
										<div v-if="all.custom_photos_url"><img :src="all.custom_photos_url" style="width: 3rem;">
										</div>
										<div style="width: 100%; height: 100%;" class="flexcc" v-if="!all.custom_photos_url">
											<van-icon name="photograph" color="#999" size="30" />
										</div>
									</van-uploader>
								</div>
								<div style="flex: 1;  height: 100%;" v-if="peizhi.custom_photo_illustration">
									<img :src="peizhi.custom_photo_illustration" style="width: 100%;" @click="yulantu = true">
								</div>
							</div>
							
						</div>
						<div style="padding: 0.1rem 0.25rem;" :style="{'color':peizhi.yansename=='白色'?'#000':'#fff'}" v-if="peizhi.shangchuanneirongma">{{peizhi.shangchuanneirong}}上传</div>
						<!-- <div style="font-size: 12px; margin: 0.2rem 0rem; display: flex; flex-wrap: wrap; align-items: center;" v-if="item.network_access_protocol == 1">
								<van-checkbox v-model="checked" style="margin-right: 0.1rem; font-size: 12px;">我已阅读并同意</van-checkbox>
								<span style="color: #007AFF;font-size: 12px;" v-for="(item,index) in xieyilist" :key="item.id" @click="dakaixieyi(index)">《{{item.title}}》</span>
							</div> -->
						<div v-if="peizhi.pic_zi" style="margin-top: 20px;position: relative;">
							<img src="./img/point2.gif" style="position:absolute;width: 40px;top: 0;left: -0.15rem;" alt="">
							<van-checkbox v-model="ischeckedzi">
								<img :src="peizhi.pic_zi" alt="">
							</van-checkbox>
						</div>
						<div @click="tijiao"
							style="text-align: center; border-radius:0.6rem; position: relative; line-height: 1.2rem; margin: 0.5rem 0; font-size: 0.48rem; color: #fff;"
							:style="{ backgroundColor:peizhi.anniucolor}" v-if="peizhi.anniuwenziObj.redio==1">
				
							<div style=" font-size: 0.48rem !important; ">
				
								<img src="static/img/anniubeijingse2.png"
									style="height: 100%; position: absolute; left: 0; top: 0; height: 1.5rem;">
								{{peizhi.anniuwenziObj.text}}
							</div>
				
						</div>
						<div v-else style="border-radius: 30px;margin-top: 20px;" @click="tijiao">
							<img :src="peizhi.anniuwenziObj.imgsDetails" style="width: 100%;">
							<!-- <span v-if="item.price != 0">(￥{{item.price}})</span> -->
						</div>
						<div style="font-size: 12px; margin: 0.2rem 0rem; display: flex; flex-wrap: wrap; align-items: center;"
							v-if="item.network_access_protocol == 1">
							<van-checkbox @change="changeagree" v-model="checked"
								style="margin-right: 0.1rem; font-size: 12px; color: #fff;"
								:class="peizhi.yansename=='白色'?'van-checkbox__label van-checkbox__label2':'van-checkbox__label '">我已阅读并同意</van-checkbox>
				
							<span style="font-size: 12px;" v-for="(item,index) in xieyilist" :key="item.id"
								@click="dakaixieyi(index)" :style="{color:peizhi.yueduyanse}">《{{item.title}}》</span>
							<!-- <span style="color: #007AFF;font-size: 12px;" @click="log1 = true">《客户入网许可协议及服务协议》</span>
								<span style="color: #007AFF;font-size: 12px;" @click="log2 = true">《转卖或转借电话卡风险告知书》</span>
								<span style="color: #007AFF;font-size: 12px;" @click="log3 = true">《个人信息收集证明》</span> -->
						</div>
					</div>
					<!-- </div> -->
					<div style="background: #fff; border-radius:5px; padding:0.4rem; margin-top:0.2rem; "
						v-if="peizhi.pinglun == 1 && peizhi.pinglunid && pinglunlist != ''">
						<div style="font-weight: bold; font-size: 15px; margin-bottom:0.3rem;">商品评价</div>
						<div style=" width: 100%; overflow: hidden;" :style="{height:pinglunlist.length+'rem'}">
							<div class="mj" ref="haha">
								<div ref="hehe" v-for="(item,index) in pinglunlist">
									<div
										style="display: flex; justify-content: space-between; align-items: center; margin-top: 10px;">
										<div style="display: flex;  align-items: center;">
											<img :src="item.header"
												style="width: 0.5rem; height: 0.5rem; margin-right: 0.2rem; border: 1px #999 solid; border-radius: 1rem;">
											<div style="color: #666;">{{item.title}}</div>
										</div>
										<div style="color: #999;">{{item.created_at}}</div>
									</div>
									<div style="padding: 0.1rem 0 0 0.7rem; color: #999;">{{item.content}}</div>
								</div>
								<div v-for="(item,index) in pinglunlist">
									<div
										style="display: flex; justify-content: space-between; align-items: center; margin-top: 10px;">
										<div style="display: flex;  align-items: center;">
											<img :src="item.header"
												style="width: 0.5rem; height: 0.5rem; margin-right: 0.2rem; border: 1px #999 solid; border-radius: 1rem;">
											<div style="color: #666;">{{item.title}}</div>
										</div>
										<div style="color: #999;">{{item.created_at}}</div>
									</div>
									<div style="padding: 0.1rem 0 0 0.7rem; color: #999;">{{item.content}}</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-- nc的需求 -->
				<div v-if="peizhi.xiantianxie == 2">
					<div style="border-radius:0.2rem; padding:0.2rem; margin-top:0.2rem;"
						:style="{background:peizhi.neirongcolor}">
						<!-- <div style="font-weight: bold; font-size: 15px; margin-bottom:0.1rem">个人信息</div> -->
						<div class="flex" v-if="id != 523150 && id != 715815"
							style="align-items: center; background: #F8F8F8; padding-left: 0.2rem;  border-radius: 0.2rem;">
							<div style="width: 1.7rem; overflow:hidden;"><span
									style="margin-right:5px; color: #f00;">*</span>办理人姓名</div>
							<div style="flex-grow: 1; padding-left: 0.2rem; color: #2D3038; font-size: 0.26rem;">
								<van-field v-model="all.id_name" @change="teshuhuichuan" placeholder="请输入办理人姓名" />
							</div>
						</div>
						<div class="flex" v-if="id != 523150 && id != 715815"
							style="align-items: center; background: #F8F8F8; padding-left: 0.2rem; margin-top: 0.2rem; border-radius: 0.2rem;">
							<div style="width: 1.7rem; overflow:hidden;"><span
									style="margin-right:5px; color: #f00;">*</span>联系电话</div>
							<div style="flex-grow: 1; padding-left: 0.2rem; color: #2D3038; font-size: 0.26rem;">
								<van-field v-model="all.mobile" @change="teshuhuichuan(true)" placeholder="请输入联系电话" />
							</div>
						</div>
				
						<div v-if="all.id_name && all.mobile.length == 11">
							<div v-if="peizhi.needidcard==1||peizhi.needidcard==undefined">
								<div class="flex"
									style="align-items: center; background: #F8F8F8; padding-left: 0.2rem; margin-top: 0.2rem; border-radius: 0.2rem;">
									<div style="width: 1.7rem; overflow:hidden;"><span
											style="margin-right:5px; color: #f00;">*</span>身份证号</div>
									<div style="flex-grow: 1; padding-left: 0.2rem; color: #2D3038; font-size: 0.26rem;">
										<van-field v-model="all.id_num" @change="teshuhuichuan" placeholder="请输入身份证号" />
									</div>
								</div>
							</div>
				
							<div v-if="peizhi.needidcard==1||peizhi.needidcard==undefined">
								<div class="flex"
									style="align-items: center; background: #F8F8F8; padding-left: 0.2rem; margin-top: 0.2rem; border-radius: 0.2rem;"
									v-if="!peizhi.shouhuorenxingming">
									<div style="width: 1.7rem; overflow:hidden;"><span
											style="margin-right:5px; color: #f00;">*</span>收货人</div>
									<div style="flex-grow: 1; padding-left: 0.2rem; color: #2D3038; font-size: 0.26rem;">
										<van-field v-model="all.name" @change="teshuhuichuan" placeholder="请输入收货人" />
									</div>
								</div>
							</div>
				
				
							<div class="flex"
								style="align-items: center; background: #F8F8F8; padding-left: 0.2rem; margin-top: 0.2rem; border-radius: 0.2rem; position:relative;"
								v-if="peizhi.duanxin">
								<div style="width: 1.7rem; overflow:hidden;"><span
										style="margin-right:5px; color: #f00;">*</span>验证码</div>
								<div style="flex-grow: 1; padding-left: 0.2rem; color: #2D3038; font-size: 0.26rem;">
									<div class="code" style="right: 0.2rem; top:0.2rem; "><van-button type="info"
											size="small" @click="getcode" type="tel" :disabled="yzmuse"
											style="font-size: 12px;">{{yzm}}</van-button></div>
									<van-field v-model="all.code" @change="teshuhuichuan" placeholder="请输入验证码" />
								</div>
							</div>
				
							<div class="flex"
								style="align-items: center; background: #F8F8F8; padding-left: 0.2rem; margin-top: 0.2rem; border-radius: 0.2rem;">
								<div style="width: 1.7rem; overflow:hidden;"><span
										style="margin-right:5px; color: #f00;">*</span>所在地区</div>
								<div style="flex-grow: 1; padding-left: 0.2rem; color: #2D3038; font-size: 0.26rem; padding: 10px 0; width: 0; position:relative;"
									@click="showPopup">
									<div class="where">{{shengshiqu}}
										<van-icon name="arrow-down" size="14"
											style="position: absolute; top: 0px; line-height:44px; right:10px;" />
									</div>
								</div>
							</div>
							<div class="flex"
								style="align-items: center; background: #F8F8F8; padding-left: 0.2rem; margin-top: 0.2rem; border-radius: 0.2rem;">
								<div style="width: 1.7rem; overflow:hidden;"><span
										style="margin-right:5px; color: #f00;">*</span>详细地址</div>
								<div style="flex-grow: 1; padding-left: 0.2rem; color: #2D3038; font-size: 0.26rem;">
									<van-field v-model="all.address" @change="teshuhuichuan" placeholder="请输入详细地址" />
								</div>
							</div>
							<div style=" color: #fff; font-size: 12px; padding: 0.2rem 0.25rem 0; "
								:style="{'color':peizhi.yansename=='白色'?'#000':'#fff'}">
								{{item.custom_remind || '填写真实身份信息，未满18岁、一证五号、信息错误将无法发货'}}
							</div>
							<!-- <div style=" color: #fff; font-size: 12px; padding: 0.2rem 0.25rem 0; "
								:style="{'color':peizhi.yansename=='白色'?'#000':'#fff'}">
								*请填写真实身份信息及电话地址信息，填写错误会导致无法发货
							</div> -->
							<div v-if="peizhi.shenfenzheng">
								<div :style="{'color':peizhi.yansename=='白色'?'#000':'#fff'}"
									style="font-size: 0.3rem; padding:0.3rem 0.25rem 0">身份证照片上传：</div>
								<div style="border-bottom:1px #EAEAEA solid; padding:0.3rem 0.25rem"
									:style="{'color':peizhi.yansename=='白色'?'#000':'#fff'}">
									根据运营商要求，该套餐需上传身份证照片才可开卡，该照片仅用于运营商开卡，请按照要求上传正确的照片。
								</div>
								<div class="flex" style="padding: 0.25rem 0;justify-content: space-around;">
									<div style="width: 3rem; background: #f7f8fa;" class="flexcc">
				
										<div style="width: 100%; height: 100%;">
											<van-uploader :after-read="afterRead1" deletable="false" preview-size="3rem"
												show-upload="false">
												<div v-if="all.face_url"><img :src="all.face_url" style="width: 3rem; ">
												</div>
												<div style="width: 100%; height: 100%;" class="flexcc" v-if="!all.face_url">
													<van-icon name="photograph" color="#999" size="30" />
												</div>
											</van-uploader>
										</div>
									</div>
									<div style="width: 3rem;" class="flexcc">
										<img src="./img/face.jpg" style="width: 3rem;">
									</div>
								</div>
								<div style="padding: 0.1rem 0.25rem;"
									:style="{'color':peizhi.yansename=='白色'?'#000':'#fff'}">
									证件四角边缘空隙2厘米以上，手机横拍，照片清晰不模糊，无水印，无反光，无PS</div>
								<div class="flex" style="padding: 0.25rem 0;justify-content: space-around;">
									<div style="width: 3rem; background: #f7f8fa;" class="flexcc">
				
										<div style="width: 100%; height: 100%;">
											<van-uploader :after-read="afterRead2" deletable="false" preview-size="3rem"
												show-upload="false">
												<div v-if="all.back_url"><img :src="all.back_url" style="width: 3rem;">
												</div>
												<div style="width: 100%; height: 100%;" class="flexcc" v-if="!all.back_url">
													<van-icon name="photograph" color="#999" size="30" />
												</div>
											</van-uploader>
										</div>
									</div>
									<div style="width: 3rem;" class="flexcc">
										<img src="./img/back.jpg" style="width: 3rem;">
									</div>
								</div>
								<div style="padding: 0.1rem 0.25rem;"
									:style="{'color':peizhi.yansename=='白色'?'#000':'#fff'}">
									证件四角边缘空隙2厘米以上，手机横拍，照片清晰不模糊，无水印，无反光，无PS</div>
								<div class="flex" style="padding: 0.25rem 0;justify-content: space-around;">
									<div style="width: 3rem; background: #f7f8fa;" class="flexcc">
										<div style="width: 100%; height: 100%;">
											<van-uploader :after-read="afterRead3" deletable="false" preview-size="3rem"
												show-upload="false">
												<div v-if="all.hand_url"><img :src="all.hand_url" style="width: 3rem;">
												</div>
												<div style="width: 100%; height: 100%;" class="flexcc" v-if="!all.hand_url">
													<van-icon name="photograph" color="#999" size="30" />
												</div>
											</van-uploader>
										</div>
									</div>
									<div style="width: 3rem;" class="flexcc">
										<img src="./img/head.png" style="width: 3rem;">
									</div>
								</div>
								<div style="padding: 0.1rem 0.25rem;"
									:style="{'color':peizhi.yansename=='白色'?'#000':'#fff'}">
									无需手持身份证，胸部以上，露出双肩，人像面部比例不低于1/3，无水印，无反光，无PS</div>
								<div style="padding: 0.1rem 0.25rem;"
									:style="{'color':peizhi.yansename=='白色'?'#000':'#fff'}">请上传真实环境拍摄的免冠照，不要上传证件照</div>
								
							</div>
							<div class="flex" style="padding: 0.25rem 0.1rem;justify-content: space-around;" v-if="peizhi.shangchuanneirongma">
								<div style="width: 6.4rem; min-height: 3rem;  gap: 0.4rem;" class="flexcc">
									<div style="flex: 1; background: #f7f8fa; height: 100%;">
										<van-uploader :after-read="afterRead4" deletable="false" preview-size="3rem"
											show-upload="false">
											<div v-if="all.custom_photos_url"><img :src="all.custom_photos_url" style="width: 3rem;">
											</div>
											<div style="width: 100%; height: 100%;" class="flexcc" v-if="!all.custom_photos_url">
												<van-icon name="photograph" color="#999" size="30" />
											</div>
										</van-uploader>
									</div>
									<div style="flex: 1;  height: 100%;" v-if="peizhi.custom_photo_illustration">
										<img :src="peizhi.custom_photo_illustration" style="width: 100%;" @click="yulantu = true">
									</div>
								</div>
								
							</div>
							<div style="padding: 0.1rem 0.25rem;" :style="{'color':peizhi.yansename=='白色'?'#000':'#fff'}"  v-if="peizhi.shangchuanneirongma">{{peizhi.shangchuanneirong}}上传</div>
						</div>
						<div v-if="peizhi.pic_zi" style="margin-top: 20px;position: relative;">
							<img src="./img/point2.gif" style="position:absolute;width: 40px;top: 0;left: -0.15rem;" alt="">
							<van-checkbox v-model="ischeckedzi">
								<img :src="peizhi.pic_zi" alt="">
							</van-checkbox>
						</div>
						<div @click="tijiao" 
							style="text-align: center; border-radius:0.6rem; position: relative; line-height: 1.2rem; margin: 0.5rem 0; font-size: 0.48rem !important; color: #fff;"
							:style="{ backgroundColor:peizhi.anniucolor}" v-if="peizhi.anniuwenziObj.redio==1">
				
				
							<div style="font-size: 0.48rem !important;">
				
								<img src="static/img/anniubeijingse2.png"
									style="height: 100%; position: absolute; left: 0; top: 0; height: 1.5rem;">
								{{peizhi.anniuwenziObj.text}}
							</div>
				
						</div>
						<div v-else style="border-radius: 30px;" @click="tijiao">
							<img :src="peizhi.anniuwenziObj.imgsDetails" style=" width: 100%;">
							<!-- <span v-if="item.price != 0">(￥{{item.price}})</span> -->
						</div>
						<div style="font-size: 12px; margin: 0.2rem 0rem; display: flex; flex-wrap: wrap; align-items: center;"
							v-if="item.network_access_protocol == 1">
							<van-checkbox @change="changeagree" v-model="checked"
								style="margin-right: 0.1rem; font-size: 12px; color: #fff;"
								:class="peizhi.yansename=='白色'?'van-checkbox__label van-checkbox__label2':'van-checkbox__label '">我已阅读并同意</van-checkbox>
				
							<span style="font-size: 12px;" v-for="(item,index) in xieyilist" :key="item.id"
								@click="dakaixieyi(index)" :style="{color:peizhi.yueduyanse}">《{{item.title}}》</span>
							<!-- <span style="color: #007AFF;font-size: 12px;" @click="log1 = true">《客户入网许可协议及服务协议》</span>
								<span style="color: #007AFF;font-size: 12px;" @click="log2 = true">《转卖或转借电话卡风险告知书》</span>
								<span style="color: #007AFF;font-size: 12px;" @click="log3 = true">《个人信息收集证明》</span> -->
						</div>
				
				
					</div>
					<div style="background: #fff; border-radius:0.2rem; padding:0.4rem; margin-top:0.2rem; "
						v-if="peizhi.pinglun == 1 && peizhi.pinglunid && pinglunlist != ''">
						<div style="font-weight: bold; font-size: 15px; margin-bottom:0.3rem;">商品评价</div>
				
						<div style=" width: 100%; overflow: hidden;" :style="{height:pinglunlist.length+'rem'}">
							<!-- style="animation: all 30s linear infinite;" -->
							<div class="mj" ref="haha">
								<div ref="hehe" v-for="(item,index) in pinglunlist">
									<div
										style="display: flex; justify-content: space-between; align-items: center; margin-top: 10px;">
										<div style="display: flex;  align-items: center;">
											<img :src="item.header"
												style="width: 0.5rem; height: 0.5rem; margin-right: 0.2rem; border: 1px #999 solid; border-radius: 1rem;">
											<div style="color: #666;">{{item.title}}</div>
										</div>
										<div style="color: #999;">{{item.created_at}}</div>
									</div>
									<div style="padding: 0.1rem 0 0 0.7rem; color: #999;">{{item.content}}</div>
								</div>
								<div v-for="(item,index) in pinglunlist">
									<div
										style="display: flex; justify-content: space-between; align-items: center; margin-top: 10px;">
										<div style="display: flex;  align-items: center;">
											<img :src="item.header"
												style="width: 0.5rem; height: 0.5rem; margin-right: 0.2rem; border: 1px #999 solid; border-radius: 1rem;">
											<div style="color: #666;">{{item.title}}</div>
										</div>
										<div style="color: #999;">{{item.created_at}}</div>
									</div>
									<div style="padding: 0.1rem 0 0 0.7rem; color: #999;">{{item.content}}</div>
								</div>
							</div>
						</div>
				
				
						<!-- <van-swipe style="height: 140px;" :vertical='true' :autoplay='2000' :show-indicators='false'>
								<van-swipe-item  v-for="(item,index) in pinglunlist" :key="index">
									<div v-for="item2 in item" :key="item.id">
										<div style="display: flex; justify-content: space-between; align-items: center; margin-top: 10px;">
											<div style="display: flex;  align-items: center;">
												<img :src="item2.header" style="width: 0.5rem; height: 0.5rem; margin-right: 0.2rem; border: 1px #999 solid; border-radius: 1rem;">
												<div style="color: #666;">{{item.headertitle}}</div>
											</div>
											<div style="color: #999;">{{item2.created_at}}</div>
										</div>
										<div style="padding: 0.1rem 0 0 0.7rem; color: #999;">{{item2.content}}</div>
									</div>
								</van-swipe-item>
							</van-swipe> -->
					</div>
				</div>
				
			</div>
			
			
		</div>

		<div v-else>
			<!-- 不选号 -->
			<div v-if="peizhi.xiantianxie == 1">


				<div style="padding:0.2rem;" :class="peizhi.yuanjiao == 2?'zhijiao3':'yuanjiao3'"
					:style="{background:peizhi.neirongcolor}">
					<!-- 领取播报模块 -->
					<van-swipe v-if="peizhi.gm==1" class="t_sw" vertical :autoplay="2000"
						:style="{color:(peizhi.neirongcolor=='rgb(255, 255, 255)'?'#333333':'#00000')}"
						:show-indicators="false">
						<van-swipe-item v-for="(item,index) in gmlist" :key="index">{{item}}</van-swipe-item>
					</van-swipe>
					<div v-if="peizhi.needidcard==1||peizhi.needidcard==undefined">
						<!-- <div style="font-weight: bold; font-size: 15px; margin-bottom:0.1rem">个人信息</div> -->

						<!-- <div class="flex" style="align-items: center; border-bottom:1px #EAEAEA solid;">
								<div style="width: 1.8rem; overflow:hidden;">姓名</div>
								<div style="flex-grow: 1; padding-left: 0.2rem; color: #2D3038; font-size: 0.26rem;">
									<van-field v-model="all.id_name" placeholder="系统已加密，请放心填写" />
								</div>
							</div> -->

						<div class="flex"
							style="align-items: center; background: #F8F8F8; padding-left: 0.2rem; margin-bottom: 0.2rem; border-radius: 0.2rem;">
							<div style="width: 1.7rem; overflow:hidden;"><span
									style="margin-right:5px; color: #f00;">*</span>办理人姓名</div>
							<div style="flex-grow: 1; padding-left: 0.2rem; color: #2D3038; font-size: 0.26rem;">
								<van-field v-model="all.id_name" @change="teshuhuichuan()" placeholder="请输入办理人姓名" />
							</div>
						</div>

						<div class="flex"
							style="align-items: center; background: #F8F8F8; padding-left: 0.2rem; margin-bottom: 0.2rem;  border-radius: 0.2rem;">
							<div style="width: 1.7rem; overflow:hidden;"><span
									style="margin-right:5px; color: #f00;">*</span>身份证号码</div>
							<div style="flex-grow: 1; padding-left: 0.2rem; color: #2D3038; font-size: 0.26rem;">
								<van-field v-model="all.id_num" @change="teshuhuichuan" placeholder="系统已加密，请放心填写" />
							</div>
						</div>
					</div>
					<!-- <div style=" border-radius:5px; padding:0.4rem; margin-top:0.2rem;"  :style="{background:peizhi.neirongcolor}">
						<div style="font-weight: bold; font-size: 15px; margin-bottom:0.1rem">配送信息</div> -->
					<div class="flex"
						style="align-items: center; background: #F8F8F8; padding-left: 0.2rem; margin-bottom: 0.2rem;  border-radius: 0.2rem;"
						v-if="!peizhi.shouhuorenxingming">
						<div style="width: 1.7rem; overflow:hidden;"><span
								style="margin-right:5px; color: #f00;">*</span>收货人</div>
						<div style="flex-grow: 1; padding-left: 0.2rem; color: #2D3038; font-size: 0.26rem;">
							<van-field v-model="all.name" @change="teshuhuichuan()" placeholder="系统已加密，请放心填写" />
						</div>
					</div>
					<div class="flex"
						style="align-items: center; background: #F8F8F8; padding-left: 0.2rem;  margin-bottom: 0.2rem; border-radius: 0.2rem;">
						<div style="width: 1.7rem; overflow:hidden;"><span
								style="margin-right:5px; color: #f00;">*</span>联系电话</div>
						<div style="flex-grow: 1; padding-left: 0.2rem; color: #2D3038; font-size: 0.26rem;">
							<van-field v-model="all.mobile" @change="teshuhuichuan(true)" placeholder="系统已加密，请放心填写" />
						</div>
					</div>
					<div class="flex"
						style="align-items: center; background: #F8F8F8; padding-left: 0.2rem;  margin-bottom: 0.2rem; border-radius: 0.2rem; position:relative;"
						v-if="peizhi.duanxin">
						<div style="width: 1.7rem; overflow:hidden;"><span
								style="margin-right:5px; color: #f00;">*</span>验证码</div>
						<div style="flex-grow: 1; padding-left: 0.2rem; color: #2D3038; font-size: 0.26rem;">
							<div class="code" style="right: 0.2rem; top:0.2rem; "><van-button type="info" size="small"
									@click="getcode" type="tel" :disabled="yzmuse"
									style="font-size: 12px;">{{yzm}}</van-button></div>
							<van-field v-model="all.code" @change="teshuhuichuan()" placeholder="请输入验证码" />
						</div>
					</div>

					<div class="flex"
						style="align-items: center;background: #F8F8F8; padding-left: 0.2rem;  margin-bottom: 0.2rem; border-radius: 0.2rem;">
						<div style="width: 1.7rem; overflow:hidden;"><span
								style="margin-right:5px; color: #f00;">*</span>所在地区</div>
						<div style="flex-grow: 1; padding-left: 0.2rem; color: #2D3038; font-size: 0.26rem; padding: 10px 0; width: 0;position:relative;"
							@click="showPopup">
							<div class="where">{{shengshiqu}}
								<van-icon name="arrow-down" size="14"
									style="position: absolute; top: 0px; line-height:44px; right:10px;" />
							</div>
						</div>
					</div>
					<div class="flex"
						style="align-items: center; background: #F8F8F8; padding-left: 0.2rem; margin-bottom: 0.2rem;  border-radius: 0.2rem;">
						<div style="width: 1.7rem; overflow:hidden;"><span
								style="margin-right:5px; color: #f00;">*</span>详细地址</div>
						<div style="flex-grow: 1; padding-left: 0.2rem; color: #2D3038; font-size: 0.26rem;">
							<van-field v-model="all.address" @change="teshuhuichuan()" placeholder="请输入详细地址" />
						</div>
					</div>
					
					<div class="flex" v-for="(item2,index2) in item.custom_info"
						style="align-items: center; background: #F8F8F8; padding-left: 0.2rem; margin-bottom: 0.2rem;  border-radius: 0.2rem;">
						<div style="flex: 0 0 auto;"><span
								style="margin-right:5px; color: #f00;" v-if="item2.bitian">*</span>{{item2.name}}</div>
						<div style="flex: 1; padding-left: 0.2rem; color: #2D3038; font-size: 0.26rem;">
							<!-- <van-field v-model="all.custom_info[index2].name" :placeholder="item2.name" v-if="item2.geshi == 0" /> -->
							<van-field v-model="all.custom_info[index2].value" :type="item2.geshi == 1?'number':''" placeholder="请输入"  />
						</div>
					</div>
					
					
					
					
					
					<div class="flex" style="align-items: center; ">
						<van-checkbox v-model="checked1" shape="square" style="margin-bottom: 0.2rem; font-size: 10px; margin-right: 0.2rem;" v-if="peizhi.lanjie && peizhi.lanjie.includes('1')">开通境外电话免打扰服务</van-checkbox>
						<van-checkbox v-model="checked2" shape="square" style="margin-bottom: 0.2rem; font-size: 10px;" v-if="peizhi.lanjie && peizhi.lanjie.includes('2')">开通境外短信免打扰服务</van-checkbox>
					</div>
					<!-- <div class="flex" style="align-items: center; border-bottom:1px #EAEAEA solid;">
							<div style="width: 1.7rem; overflow:hidden;">上传相关证件</div>
							<div style="flex-grow: 1; padding-left: 0.2rem; color: #2D3038;  text-align:right;">
								<van-icon name="arrow" size="14" style=" line-height:44px;" />
							</div>
						</div> -->
					<div style=" color: #fff; font-size: 12px; padding: 0.2rem 0.25rem 0; "
						:style="{'color':peizhi.yansename=='白色'?'#000':'#fff'}">
						{{item.custom_remind || '填写真实身份信息，未满18岁、一证五号、信息错误将无法发货'}}
					</div>
					<!-- <div style=" color: #fff; font-size: 12px; padding: 0.2rem 0.25rem 0; "
						:style="{'color':peizhi.yansename=='白色'?'#000':'#fff'}">
						*请填写真实身份信息及电话地址信息，填写错误会导致无法发货
					</div> -->
					<div v-if="peizhi.shenfenzheng">
						<div :style="{'color':peizhi.yansename=='白色'?'#000':'#fff'}"
							style="font-size: 0.3rem; padding:0.3rem 0.25rem 0">身份证照片上传：</div>
						<div style="border-bottom:1px #EAEAEA solid; padding:0.3rem 0.25rem"
							:style="{'color':peizhi.yansename=='白色'?'#000':'#fff'}">
							根据运营商要求，该套餐需上传身份证照片才可开卡，该照片仅用于运营商开卡，请按照要求上传正确的照片。
						</div>
						<div class="flex" style="padding: 0.25rem 0;justify-content: space-around;">
							<div style="width: 3rem; background: #f7f8fa;" class="flexcc">

								<div style="width: 100%; height: 100%;">
									<van-uploader :after-read="afterRead1" deletable="false" preview-size="3rem"
										show-upload="false">
										<div v-if="all.face_url"><img :src="all.face_url" style="width: 3rem; "></div>
										<div style="width: 100%; height: 100%;" class="flexcc" v-if="!all.face_url">
											<van-icon name="photograph" color="#999" size="30" />
										</div>
									</van-uploader>
								</div>
							</div>
							<div style="width: 3rem;" class="flexcc">
								<img src="./img/face.jpg" style="width: 3rem;">
							</div>
						</div>
						<div style="padding: 0.1rem 0.25rem;" :style="{'color':peizhi.yansename=='白色'?'#000':'#fff'}">
							证件四角边缘空隙2厘米以上，手机横拍，照片清晰不模糊，无水印，无反光，无PS</div>
						<div class="flex" style="padding: 0.25rem 0;justify-content: space-around;">
							<div style="width: 3rem; background: #f7f8fa;" class="flexcc">

								<div style="width: 100%; height: 100%;">
									<van-uploader :after-read="afterRead2" deletable="false" preview-size="3rem"
										show-upload="false">
										<div v-if="all.back_url"><img :src="all.back_url" style="width: 3rem;"></div>
										<div style="width: 100%; height: 100%;" class="flexcc" v-if="!all.back_url">
											<van-icon name="photograph" color="#999" size="30" />
										</div>
									</van-uploader>
								</div>
							</div>
							<div style="width: 3rem;" class="flexcc">
								<img src="./img/back.jpg" style="width: 3rem;">
							</div>
						</div>
						<div style="padding: 0.1rem 0.25rem;" :style="{'color':peizhi.yansename=='白色'?'#000':'#fff'}">
							证件四角边缘空隙2厘米以上，手机横拍，照片清晰不模糊，无水印，无反光，无PS</div>
						<div class="flex" style="padding: 0.25rem 0;justify-content: space-around;">
							<div style="width: 3rem; background: #f7f8fa;" class="flexcc">
								<div style="width: 100%; height: 100%;">
									<van-uploader :after-read="afterRead3" deletable="false" preview-size="3rem"
										show-upload="false">
										<div v-if="all.hand_url"><img :src="all.hand_url" style="width: 3rem;"></div>
										<div style="width: 100%; height: 100%;" class="flexcc" v-if="!all.hand_url">
											<van-icon name="photograph" color="#999" size="30" />
										</div>
									</van-uploader>
								</div>
							</div>
							<div style="width: 3rem;" class="flexcc">
								<img src="./img/head.png" style="width: 3rem;">
							</div>
						</div>
						<div style="padding: 0.1rem 0.25rem; color: #f00; font-weight: bold; text-shadow: 0 0 5px #fff;" v-if="item.is_not_need_glasses == 1">
							请摘掉眼镜拍摄，否则不通过</div>
						<div style="padding: 0.1rem 0.25rem;" :style="{'color':peizhi.yansename=='白色'?'#000':'#fff'}">
							无需手持身份证，胸部以上，露出双肩，人像面部比例不低于1/3，无水印，无反光，无PS</div>
						<div style="padding: 0.1rem 0.25rem;" :style="{'color':peizhi.yansename=='白色'?'#000':'#fff'}">
							请上传真实环境拍摄的免冠照，不要上传证件照</div>
						
						
					</div>
					<div class="flex" style="padding: 0.25rem 0.1rem;justify-content: space-around;" v-if="peizhi.shangchuanneirongma">
						<div style="width: 6.4rem; min-height: 3rem;  gap: 0.4rem;" class="flexcc">
							<div style="flex: 1; background: #f7f8fa; height: 100%;">
								<van-uploader :after-read="afterRead4" deletable="false" preview-size="3rem"
									show-upload="false">
									<div v-if="all.custom_photos_url"><img :src="all.custom_photos_url" style="width: 3rem;">
									</div>
									<div style="width: 100%; height: 100%;" class="flexcc" v-if="!all.custom_photos_url">
										<van-icon name="photograph" color="#999" size="30" />
									</div>
								</van-uploader>
							</div>
							<div style="flex: 1;  height: 100%;" v-if="peizhi.custom_photo_illustration">
								<img :src="peizhi.custom_photo_illustration" style="width: 100%;" @click="yulantu = true">
							</div>
						</div>
						
					</div>
					<div style="padding: 0.1rem 0.25rem;" :style="{'color':peizhi.yansename=='白色'?'#000':'#fff'}"  v-if="peizhi.shangchuanneirongma">{{peizhi.shangchuanneirong}}上传</div>
					<!-- <div style="font-size: 12px; margin: 0.2rem 0rem; display: flex; flex-wrap: wrap; align-items: center;" v-if="item.network_access_protocol == 1">
							<van-checkbox v-model="checked" style="margin-right: 0.1rem; font-size: 12px;">我已阅读并同意</van-checkbox>
							<span style="color: #007AFF;font-size: 12px;" v-for="(item,index) in xieyilist" :key="item.id" @click="dakaixieyi(index)">《{{item.title}}》</span>
						</div> -->
					<div v-if="peizhi.pic_zi" style="margin-top: 20px;position: relative;margin-bottom: 20px;">
						<img src="./img/point2.gif" style="position:absolute;width: 40px;top: 0;left: -0.15rem;" alt="">
						<van-checkbox v-model="ischeckedzi">
							<img :src="peizhi.pic_zi" alt="">
						</van-checkbox>
					</div>
					<div @click="tijiao"
						style="text-align: center; border-radius:0.6rem; position: relative; line-height: 1.2rem; margin: 0.5rem 0; font-size: 0.48rem !important; color: #fff;"
						:style="{ backgroundColor:peizhi.anniucolor}" v-if="peizhi.anniuwenziObj.redio==1">

						<div style="font-size: 0.48rem !important">

							<img src="static/img/anniubeijingse2.png"
								style="height: 100%; position: absolute; left: 0; top: 0; height: 1.5rem;">
							{{peizhi.anniuwenziObj.text}}<span v-if="item.price != 0">(￥{{item.price}})</span>
						</div>

					</div>
					<div v-else style="border-radius: 30px;" @click="tijiao">
						<img :src="peizhi.anniuwenziObj.imgsDetails" style="width: 100%;">
						<!-- <span v-if="item.price != 0">(￥{{item.price}})</span> -->
					</div>
					<div style="font-size: 12px; margin: 0.2rem 0rem; display: flex; flex-wrap: wrap; align-items: center;"
						v-if="item.network_access_protocol == 1">
						<van-checkbox @change="changeagree" v-model="checked"
							style="margin-right: 0.1rem; font-size: 12px; color: #fff;"
							:class="peizhi.yansename=='白色'?'van-checkbox__label van-checkbox__label2':'van-checkbox__label '">我已阅读并同意</van-checkbox>

						<span style="font-size: 12px;" v-for="(item,index) in xieyilist" :key="item.id"
							@click="dakaixieyi(index)" :style="{color:peizhi.yueduyanse}">《{{item.title}}》</span>
						<!-- <span style="color: #007AFF;font-size: 12px;" @click="log1 = true">《客户入网许可协议及服务协议》</span>
							<span style="color: #007AFF;font-size: 12px;" @click="log2 = true">《转卖或转借电话卡风险告知书》</span>
							<span style="color: #007AFF;font-size: 12px;" @click="log3 = true">《个人信息收集证明》</span> -->
					</div>
				</div>
				<!-- </div> -->
				<div style="background: #fff; border-radius:5px; padding:0.4rem; margin-top:0.2rem; "
					v-if="peizhi.pinglun == 1 && peizhi.pinglunid && pinglunlist != ''">
					<div style="font-weight: bold; font-size: 15px; margin-bottom:0.3rem;">商品评价</div>
					<div style=" width: 100%; overflow: hidden;" :style="{height:pinglunlist.length+'rem'}">
						<div class="mj" ref="haha">
							<div ref="hehe" v-for="(item,index) in pinglunlist">
								<div
									style="display: flex; justify-content: space-between; align-items: center; margin-top: 10px;">
									<div style="display: flex;  align-items: center;">
										<img :src="item.header"
											style="width: 0.5rem; height: 0.5rem; margin-right: 0.2rem; border: 1px #999 solid; border-radius: 1rem;">
										<div style="color: #666;">{{item.title}}</div>
									</div>
									<div style="color: #999;">{{item.created_at}}</div>
								</div>
								<div style="padding: 0.1rem 0 0 0.7rem; color: #999;">{{item.content}}</div>
							</div>
							<div v-for="(item,index) in pinglunlist">
								<div
									style="display: flex; justify-content: space-between; align-items: center; margin-top: 10px;">
									<div style="display: flex;  align-items: center;">
										<img :src="item.header"
											style="width: 0.5rem; height: 0.5rem; margin-right: 0.2rem; border: 1px #999 solid; border-radius: 1rem;">
										<div style="color: #666;">{{item.title}}</div>
									</div>
									<div style="color: #999;">{{item.created_at}}</div>
								</div>
								<div style="padding: 0.1rem 0 0 0.7rem; color: #999;">{{item.content}}</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- nc的需求 -->
			<div v-if="peizhi.xiantianxie == 2">
				<div style="border-radius:0.2rem; padding:0.2rem; margin-top:0.2rem;"
					:style="{background:peizhi.neirongcolor}">
					<!-- 领取播报模块 -->
					<van-swipe v-if="peizhi.gm==1" class="t_sw" vertical :autoplay="2000"
						:style="{color:(peizhi.neirongcolor=='rgb(255, 255, 255)'?'#333333':'#00000')}"
						:show-indicators="false">
						<van-swipe-item v-for="(item,index) in gmlist" :key="index">{{item}}</van-swipe-item>
					</van-swipe>
					<!-- <div style="font-weight: bold; font-size: 15px; margin-bottom:0.1rem">个人信息</div> -->
					<div class="flex" v-if="id != 523150 && id != 715815"
						style="align-items: center; background: #F8F8F8; padding-left: 0.2rem;  border-radius: 0.2rem;">
						<div style="width: 1.7rem; overflow:hidden;"><span
								style="margin-right:5px; color: #f00;">*</span>办理人姓名</div>
						<div style="flex-grow: 1; padding-left: 0.2rem; color: #2D3038; font-size: 0.26rem;">
							<van-field v-model="all.id_name" @change="teshuhuichuan()" placeholder="请输入办理人姓名" />
						</div>
					</div>
					<div class="flex" v-if="id != 523150 && id != 715815"
						style="align-items: center; background: #F8F8F8; padding-left: 0.2rem; margin-top: 0.2rem; border-radius: 0.2rem;">
						<div style="width: 1.7rem; overflow:hidden;"><span
								style="margin-right:5px; color: #f00;">*</span>联系电话</div>
						<div style="flex-grow: 1; padding-left: 0.2rem; color: #2D3038; font-size: 0.26rem;">
							<van-field v-model="all.mobile" @change="teshuhuichuan(true)" placeholder="请输入联系电话" />
						</div>
					</div>

					<div v-if="all.id_name && all.mobile.length == 11">
						<div v-if="peizhi.needidcard==1||peizhi.needidcard==undefined">
							<div class="flex"
								style="align-items: center; background: #F8F8F8; padding-left: 0.2rem; margin-top: 0.2rem; border-radius: 0.2rem;">
								<div style="width: 1.7rem; overflow:hidden;"><span
										style="margin-right:5px; color: #f00;">*</span>身份证号</div>
								<div style="flex-grow: 1; padding-left: 0.2rem; color: #2D3038; font-size: 0.26rem;">
									<van-field v-model="all.id_num" @change="teshuhuichuan()" placeholder="请输入身份证号" />
								</div>
							</div>
						</div>

						<div v-if="peizhi.needidcard==1||peizhi.needidcard==undefined">
							<div class="flex"
								style="align-items: center; background: #F8F8F8; padding-left: 0.2rem; margin-top: 0.2rem; border-radius: 0.2rem;"
								v-if="!peizhi.shouhuorenxingming">
								<div style="width: 1.7rem; overflow:hidden;"><span
										style="margin-right:5px; color: #f00;">*</span>收货人</div>
								<div style="flex-grow: 1; padding-left: 0.2rem; color: #2D3038; font-size: 0.26rem;">
									<van-field v-model="all.name" @change="teshuhuichuan()" placeholder="请输入收货人" />
								</div>
							</div>
						</div>


						<div class="flex"
							style="align-items: center; background: #F8F8F8; padding-left: 0.2rem; margin-top: 0.2rem; border-radius: 0.2rem; position:relative;"
							v-if="peizhi.duanxin">
							<div style="width: 1.7rem; overflow:hidden;"><span
									style="margin-right:5px; color: #f00;">*</span>验证码</div>
							<div style="flex-grow: 1; padding-left: 0.2rem; color: #2D3038; font-size: 0.26rem;">
								<div class="code" style="right: 0.2rem; top:0.2rem; "><van-button type="info"
										size="small" @click="getcode" type="tel" :disabled="yzmuse"
										style="font-size: 12px;">{{yzm}}</van-button></div>
								<van-field v-model="all.code" @change="teshuhuichuan()" placeholder="请输入验证码" />
							</div>
						</div>

						<div class="flex"
							style="align-items: center; background: #F8F8F8; padding-left: 0.2rem; margin-top: 0.2rem; border-radius: 0.2rem;">
							<div style="width: 1.7rem; overflow:hidden;"><span
									style="margin-right:5px; color: #f00;">*</span>所在地区</div>
							<div style="flex-grow: 1; padding-left: 0.2rem; color: #2D3038; font-size: 0.26rem; padding: 10px 0; width: 0; position:relative;"
								@click="showPopup">
								<div class="where">{{shengshiqu}}
									<van-icon name="arrow-down" size="14"
										style="position: absolute; top: 0px; line-height:44px; right:10px;" />
								</div>
							</div>
						</div>
						<div class="flex"
							style="align-items: center; background: #F8F8F8; padding-left: 0.2rem; margin-top: 0.2rem; border-radius: 0.2rem;">
							<div style="width: 1.7rem; overflow:hidden;"><span
									style="margin-right:5px; color: #f00;">*</span>详细地址</div>
							<div style="flex-grow: 1; padding-left: 0.2rem; color: #2D3038; font-size: 0.26rem;">
								<van-field v-model="all.address" @change="teshuhuichuan()" placeholder="请输入详细地址" />
							</div>
						</div>
						<div class="flex" v-for="(item2,index2) in item.custom_info"
							style="align-items: center; background: #F8F8F8; padding-left: 0.2rem; margin-bottom: 0.2rem;  border-radius: 0.2rem;">
							<div style="flex: 0 0 auto;"><span
									style="margin-right:5px; color: #f00;" v-if="item2.bitian">*</span>{{item2.name}}</div>
							<div style="flex: 1; padding-left: 0.2rem; color: #2D3038; font-size: 0.26rem;">
								<!-- <van-field v-model="all.custom_info[index2].name" :placeholder="item2.name" v-if="item2.geshi == 0" /> -->
								<van-field v-model="all.custom_info[index2].value" :type="item2.geshi == 1?'number':''" placeholder="请输入"  />
							</div>
						</div>
						<div class="flex" style="align-items: center; ">
							<van-checkbox v-model="checked1" shape="square" style="margin-bottom: 0.2rem; font-size: 10px; margin-right: 0.2rem;" v-if="peizhi.lanjie && peizhi.lanjie.includes('1')">开通境外电话免打扰服务</van-checkbox>
							<van-checkbox v-model="checked2" shape="square" style="margin-bottom: 0.2rem; font-size: 10px;" v-if="peizhi.lanjie && peizhi.lanjie.includes('2')">开通境外短信免打扰服务</van-checkbox>
						</div>
						<div style=" color: #fff; font-size: 12px; padding: 0.2rem 0.25rem 0; "
							:style="{'color':peizhi.yansename=='白色'?'#000':'#fff'}">
							{{item.custom_remind || '填写真实身份信息，未满18岁、一证五号、信息错误将无法发货'}}
						</div>
						<!-- <div style=" color: #fff; font-size: 12px; padding: 0.2rem 0.25rem 0; "
							:style="{'color':peizhi.yansename=='白色'?'#000':'#fff'}">
							*请填写真实身份信息及电话地址信息，填写错误会导致无法发货
						</div> -->
						<div v-if="peizhi.shenfenzheng">
							<div :style="{'color':peizhi.yansename=='白色'?'#000':'#fff'}"
								style="font-size: 0.3rem; padding:0.3rem 0.25rem 0">身份证照片上传：</div>
							<div style="border-bottom:1px #EAEAEA solid; padding:0.3rem 0.25rem"
								:style="{'color':peizhi.yansename=='白色'?'#000':'#fff'}">
								根据运营商要求，该套餐需上传身份证照片才可开卡，该照片仅用于运营商开卡，请按照要求上传正确的照片。
							</div>
							<div class="flex" style="padding: 0.25rem 0;justify-content: space-around;">
								<div style="width: 3rem; background: #f7f8fa;" class="flexcc">

									<div style="width: 100%; height: 100%;">
										<van-uploader :after-read="afterRead1" deletable="false" preview-size="3rem"
											show-upload="false">
											<div v-if="all.face_url"><img :src="all.face_url" style="width: 3rem; ">
											</div>
											<div style="width: 100%; height: 100%;" class="flexcc" v-if="!all.face_url">
												<van-icon name="photograph" color="#999" size="30" />
											</div>
										</van-uploader>
									</div>
								</div>
								<div style="width: 3rem;" class="flexcc">
									<img src="./img/face.jpg" style="width: 3rem;">
								</div>
							</div>
							<div style="padding: 0.1rem 0.25rem;"
								:style="{'color':peizhi.yansename=='白色'?'#000':'#fff'}">
								证件四角边缘空隙2厘米以上，手机横拍，照片清晰不模糊，无水印，无反光，无PS</div>
							<div class="flex" style="padding: 0.25rem 0;justify-content: space-around;">
								<div style="width: 3rem; background: #f7f8fa;" class="flexcc">

									<div style="width: 100%; height: 100%;">
										<van-uploader :after-read="afterRead2" deletable="false" preview-size="3rem"
											show-upload="false">
											<div v-if="all.back_url"><img :src="all.back_url" style="width: 3rem;">
											</div>
											<div style="width: 100%; height: 100%;" class="flexcc" v-if="!all.back_url">
												<van-icon name="photograph" color="#999" size="30" />
											</div>
										</van-uploader>
									</div>
								</div>
								<div style="width: 3rem;" class="flexcc">
									<img src="./img/back.jpg" style="width: 3rem;">
								</div>
							</div>
							<div style="padding: 0.1rem 0.25rem;"
								:style="{'color':peizhi.yansename=='白色'?'#000':'#fff'}">
								证件四角边缘空隙2厘米以上，手机横拍，照片清晰不模糊，无水印，无反光，无PS</div>
							<div class="flex" style="padding: 0.25rem 0;justify-content: space-around;">
								<div style="width: 3rem; background: #f7f8fa;" class="flexcc">
									<div style="width: 100%; height: 100%;">
										<van-uploader :after-read="afterRead3" deletable="false" preview-size="3rem"
											show-upload="false">
											<div v-if="all.hand_url"><img :src="all.hand_url" style="width: 3rem;">
											</div>
											<div style="width: 100%; height: 100%;" class="flexcc" v-if="!all.hand_url">
												<van-icon name="photograph" color="#999" size="30" />
											</div>
										</van-uploader>
									</div>
								</div>
								<div style="width: 3rem;" class="flexcc">
									<img src="./img/head.png" style="width: 3rem;">
								</div>
							</div>
							<div style="padding: 0.1rem 0.25rem; color: #f00; font-weight: bold; text-shadow: 0 0 5px #fff;" v-if="item.is_not_need_glasses == 1">
								请摘掉眼镜拍摄，否则不通过</div>
							<div style="padding: 0.1rem 0.25rem;"
								:style="{'color':peizhi.yansename=='白色'?'#000':'#fff'}">
								无需手持身份证，胸部以上，露出双肩，人像面部比例不低于1/3，无水印，无反光，无PS</div>
							<div style="padding: 0.1rem 0.25rem;"
								:style="{'color':peizhi.yansename=='白色'?'#000':'#fff'}">请上传真实环境拍摄的免冠照，不要上传证件照</div>
							
							
						</div>
						
						<div class="flex" style="padding: 0.25rem 0.1rem;justify-content: space-around;" v-if="peizhi.shangchuanneirongma">
							<div style="width: 6.4rem; min-height: 3rem;  gap: 0.4rem;" class="flexcc">
								<div style="flex: 1; background: #f7f8fa; height: 100%;">
									<van-uploader :after-read="afterRead4" deletable="false" preview-size="3rem"
										show-upload="false">
										<div v-if="all.custom_photos_url"><img :src="all.custom_photos_url" style="width: 3rem;">
										</div>
										<div style="width: 100%; height: 100%;" class="flexcc" v-if="!all.custom_photos_url">
											<van-icon name="photograph" color="#999" size="30" />
										</div>
									</van-uploader>
								</div>
								<div style="flex: 1;  height: 100%;" v-if="peizhi.custom_photo_illustration">
									<img :src="peizhi.custom_photo_illustration" style="width: 100%;" @click="yulantu = true">
								</div>
							</div>
							
						</div>
	
						<div style="padding: 0.1rem 0.25rem;" :style="{'color':peizhi.yansename=='白色'?'#000':'#fff'}"  v-if="peizhi.shangchuanneirongma">{{peizhi.shangchuanneirong}}上传</div>
					</div>
					<div v-if="peizhi.pic_zi" style="margin-top: 20px;position: relative;margin-bottom: 20px;">
						<img src="./img/point2.gif" style="position:absolute;width: 40px;top: 0;left: -0.15rem;" alt="">
						<van-checkbox v-model="ischeckedzi">
							<img :src="peizhi.pic_zi" alt="">
						</van-checkbox>
					</div>
					<div @click="tijiao"
						style="text-align: center; border-radius:0.6rem; position: relative; line-height: 1.2rem; margin: 0.5rem 0; font-size: 0.48rem; color: #fff;"
						:style="{ backgroundColor:peizhi.anniucolor}" v-if="peizhi.anniuwenziObj.redio==1">
						<div style="font-size: 0.48rem !important">

							<img src="static/img/anniubeijingse2.png"
								style="height: 100%; position: absolute; left: 0; top: 0; height: 1.5rem;">
							{{peizhi.anniuwenziObj.text}}
						</div>

					</div>
					<div v-else style="border-radius: 30px;margin-top: 20px;" @click="tijiao">
						<img :src="peizhi.anniuwenziObj.imgsDetails" style="width: 100%;">
						<!-- <span v-if="item.price != 0">(￥{{item.price}})</span> -->
					</div>
					<div style="font-size: 12px; margin: 0.2rem 0rem; display: flex; flex-wrap: wrap; align-items: center;"
						v-if="item.network_access_protocol == 1">
						<van-checkbox @change="changeagree" v-model="checked"
							style="margin-right: 0.1rem; font-size: 12px; color: #fff;"
							:class="peizhi.yansename=='白色'?'van-checkbox__label van-checkbox__label2':'van-checkbox__label '">我已阅读并同意</van-checkbox>

						<span style="font-size: 12px;" v-for="(item,index) in xieyilist" :key="item.id"
							@click="dakaixieyi(index)" :style="{color:peizhi.yueduyanse}">《{{item.title}}》</span>
						<!-- <span style="color: #007AFF;font-size: 12px;" @click="log1 = true">《客户入网许可协议及服务协议》</span>
							<span style="color: #007AFF;font-size: 12px;" @click="log2 = true">《转卖或转借电话卡风险告知书》</span>
							<span style="color: #007AFF;font-size: 12px;" @click="log3 = true">《个人信息收集证明》</span> -->
					</div>


				</div>
				<div style="background: #fff; border-radius:0.2rem; padding:0.4rem; margin-top:0.2rem; "
					v-if="peizhi.pinglun == 1 && peizhi.pinglunid && pinglunlist != ''">
					<div style="font-weight: bold; font-size: 15px; margin-bottom:0.3rem;">商品评价</div>

					<div style=" width: 100%; overflow: hidden;" :style="{height:pinglunlist.length+'rem'}">
						<!-- style="animation: all 30s linear infinite;" -->
						<div class="mj" ref="haha">
							<div ref="hehe" v-for="(item,index) in pinglunlist">
								<div
									style="display: flex; justify-content: space-between; align-items: center; margin-top: 10px;">
									<div style="display: flex;  align-items: center;">
										<img :src="item.header"
											style="width: 0.5rem; height: 0.5rem; margin-right: 0.2rem; border: 1px #999 solid; border-radius: 1rem;">
										<div style="color: #666;">{{item.title}}</div>
									</div>
									<div style="color: #999;">{{item.created_at}}</div>
								</div>
								<div style="padding: 0.1rem 0 0 0.7rem; color: #999;">{{item.content}}</div>
							</div>
							<div v-for="(item,index) in pinglunlist">
								<div
									style="display: flex; justify-content: space-between; align-items: center; margin-top: 10px;">
									<div style="display: flex;  align-items: center;">
										<img :src="item.header"
											style="width: 0.5rem; height: 0.5rem; margin-right: 0.2rem; border: 1px #999 solid; border-radius: 1rem;">
										<div style="color: #666;">{{item.title}}</div>
									</div>
									<div style="color: #999;">{{item.created_at}}</div>
								</div>
								<div style="padding: 0.1rem 0 0 0.7rem; color: #999;">{{item.content}}</div>
							</div>
						</div>
					</div>


					<!-- <van-swipe style="height: 140px;" :vertical='true' :autoplay='2000' :show-indicators='false'>
							<van-swipe-item  v-for="(item,index) in pinglunlist" :key="index">
								<div v-for="item2 in item" :key="item.id">
									<div style="display: flex; justify-content: space-between; align-items: center; margin-top: 10px;">
										<div style="display: flex;  align-items: center;">
											<img :src="item2.header" style="width: 0.5rem; height: 0.5rem; margin-right: 0.2rem; border: 1px #999 solid; border-radius: 1rem;">
											<div style="color: #666;">{{item.headertitle}}</div>
										</div>
										<div style="color: #999;">{{item2.created_at}}</div>
									</div>
									<div style="padding: 0.1rem 0 0 0.7rem; color: #999;">{{item2.content}}</div>
								</div>
							</van-swipe-item>
						</van-swipe> -->
				</div>
			</div>
		</div>




		<div class="top" :class="peizhi.yuanjiao == 2?'zhijiao4':'yuanjiao4'">
			<!-- <div class="topimg flexcc">
					<img :src="item.details" style="border-radius: 0.2rem;">
				</div> -->
			<div class="fuwenben" style="word-wrap: break-word; border-radius: 0.2rem;" v-html="item.description"></div>
			<div>
				<img :src="item.detail_pic_one" style="max-width: 100%;" @click="showtu2 = true">
			</div>
			<div class="fuwenben" style="word-wrap: break-word; border-radius: 0.2rem;"
				v-html="item.footer_description"></div>
		</div>
		<div style="text-align: center; color: #999; font-size: 14px;  margin-top: 0.2rem;" v-if="peizhi.gongsidianhua"
			v-html="peizhi.gongsidianhua"></div>

		<!-- <div class="fixed" style="bottom: 0; background: #fff; z-index: 99;" >
				<div class="flexbc">
					<div  v-if="item.price != 0" class="flexcc" style="padding-left: 0.3rem; font-size: 0.26rem;">
						福利价：<div style="color: #FF3400;">
							<span style="font-size: 0.35rem;">￥{{item.price}}</span>
						</div>
					</div>
					<div v-if="item.price == 0">  </div>
					<div style="background: #FF3400;  padding: 0.3rem 0.5rem; color: #fff; font-size: 0.3rem;" v-if="tijiaoing" @click="tijiao">提交订单</div>
					<div style="background: #FF3400;  padding: 0.3rem 0.5rem; color: #fff; font-size: 0.3rem;" v-if="!tijiaoing">提交订单中...</div>
				</div>
			</div> -->

		<van-popup v-model="show" position="bottom">
			<van-area :area-list="areaList" :columns-placeholder="['请选择', '请选择', '请选择']" @confirm="queren"
				:value="nowcitycode" @cancel="quxiao" />
		</van-popup>
		<van-popup v-model="show2" position="bottom">
			<van-area :area-list="areaList2" :columns-placeholder="['请选择', '请选择']" @confirm="queren2"
				:value="nowcitycode2" @cancel="quxiao2" />
		</van-popup>
		<van-popup v-model="log1" style="width: 90%; height: 60vh;  padding: 0.3rem; background: #fff !important;">
			<div class="fz" v-html="log1html">

			</div>
		</van-popup>

		<van-popup v-model="logqueding"
			style="width: 90%; height: 60vh;  padding: 0.3rem; background: #fff !important; color: #333 !important; height: auto !important; border-radius: 0.2rem;">
			<div v-if="this.peizhi.protocol_qz" style="height: 70vh;overflow: auto;margin-bottom: 20px;">
				<div class="fz" v-html="log1html"></div>
			</div>

			<div v-else>
				<div style="margin-bottom: 0.3rem;">请先阅读，并点击同意以下协议</div>
				<div style="margin-bottom: 0.3rem;">
					<span style="color: #007AFF;font-size: 12px;" v-for="(item,index) in xieyilist" :key="item.id"
						@click="dakaixieyi(index)">《{{item.title}}》</span>
				</div>
			</div>

			<div class="flexcc">
				<div><van-button type="default" size="small" @click="butongyi">不同意</van-button></div>
				<div style="margin-left: 0.3rem;"><van-button type="info" size="small" @click="yongyi">同意</van-button>
				</div>
			</div>
		</van-popup>

		<van-popup v-model="jiazaizhong" :close-on-click-overlay="false"><van-loading type="spinner"
				color="#fff" /></van-popup>


		<van-action-sheet v-model="xuanhaoshow" class="xuanhao" style="padding:0;background-color:#fafafa">
			<div style="padding: 20px 0 10px 0;">当前选择号码：{{linshi}}</div>
			<div v-if="peizhi.xiantianxie == 1">


				<div style="border-radius:20px; padding:0.2rem; margin-top:0.2rem; "
					:style="{background:peizhi.neirongcolor}">

					<div v-if="peizhi.needidcard==1||peizhi.needidcard==undefined">
						<!-- <div style="font-weight: bold; font-size: 15px; margin-bottom:0.1rem">个人信息</div> -->

						<!-- <div class="flex" style="align-items: center; border-bottom:1px #EAEAEA solid;">
								<div style="width: 1.8rem; overflow:hidden;">姓名</div>
								<div style="flex-grow: 1; padding-left: 0.2rem; color: #2D3038; font-size: 0.26rem;">
									<van-field v-model="all.id_name" placeholder="系统已加密，请放心填写" />
								</div>
							</div> -->

						<div class="flex"
							style="align-items: center; background: #F8F8F8; padding-left: 0.2rem; margin-bottom: 0.2rem; border-radius: 0.2rem;">
							<div style="width: 1.7rem; overflow:hidden;"><span
									style="margin-right:5px; color: #f00;">*</span>办理人姓名</div>
							<div style="flex-grow: 1; padding-left: 0.2rem; color: #2D3038; font-size: 0.26rem;">
								<van-field v-model="all.id_name" @change="teshuhuichuan()" placeholder="请输入办理人姓名" />
							</div>
						</div>

						<div class="flex"
							style="align-items: center; background: #F8F8F8; padding-left: 0.2rem; margin-bottom: 0.2rem;  border-radius: 0.2rem;">
							<div style="width: 1.7rem; overflow:hidden;"><span
									style="margin-right:5px; color: #f00;">*</span>身份证号码</div>
							<div style="flex-grow: 1; padding-left: 0.2rem; color: #2D3038; font-size: 0.26rem;">
								<van-field v-model="all.id_num" @change="teshuhuichuan()" placeholder="系统已加密，请放心填写" />
							</div>
						</div>
					</div>
					<!-- <div style=" border-radius:5px; padding:0.4rem; margin-top:0.2rem;"  :style="{background:peizhi.neirongcolor}">
						<div style="font-weight: bold; font-size: 15px; margin-bottom:0.1rem">配送信息</div> -->
					<div class="flex"
						style="align-items: center; background: #F8F8F8; padding-left: 0.2rem; margin-bottom: 0.2rem;  border-radius: 0.2rem;"
						v-if="!peizhi.shouhuorenxingming">
						<div style="width: 1.7rem; overflow:hidden;"><span
								style="margin-right:5px; color: #f00;">*</span>收货人</div>
						<div style="flex-grow: 1; padding-left: 0.2rem; color: #2D3038; font-size: 0.26rem;">
							<van-field v-model="all.name" @change="teshuhuichuan()" placeholder="系统已加密，请放心填写" />
						</div>
					</div>
					<div class="flex"
						style="align-items: center; background: #F8F8F8; padding-left: 0.2rem;  margin-bottom: 0.2rem; border-radius: 0.2rem;">
						<div style="width: 1.7rem; overflow:hidden;"><span
								style="margin-right:5px; color: #f00;">*</span>联系电话</div>
						<div style="flex-grow: 1; padding-left: 0.2rem; color: #2D3038; font-size: 0.26rem;">
							<van-field v-model="all.mobile" @change="teshuhuichuan(true)" placeholder="系统已加密，请放心填写" />
						</div>
					</div>
					<div class="flex"
						style="align-items: center; background: #F8F8F8; padding-left: 0.2rem;  margin-bottom: 0.2rem; border-radius: 0.2rem; position:relative;"
						v-if="peizhi.duanxin">
						<div style="width: 1.7rem; overflow:hidden;"><span
								style="margin-right:5px; color: #f00;">*</span>验证码</div>
						<div style="flex-grow: 1; padding-left: 0.2rem; color: #2D3038; font-size: 0.26rem;">
							<div class="code" style="right: 0.2rem; top:0.2rem; "><van-button type="info" size="small"
									@click="getcode" type="tel" :disabled="yzmuse"
									style="font-size: 12px;">{{yzm}}</van-button></div>
							<van-field v-model="all.code" @change="teshuhuichuan" placeholder="请输入验证码" />
						</div>
					</div>

					<div class="flex"
						style="align-items: center;background: #F8F8F8; padding-left: 0.2rem;  margin-bottom: 0.2rem; border-radius: 0.2rem;">
						<div style="width: 1.7rem; overflow:hidden;"><span
								style="margin-right:5px; color: #f00;">*</span>所在地区</div>
						<div style="flex-grow: 1; padding-left: 0.2rem; color: #2D3038; font-size: 0.26rem; padding: 10px 0; width: 0; position:relative;"
							@click="showPopup">
							<div class="where">{{shengshiqu}}
								<van-icon name="arrow-down" size="14"
									style="position: absolute; top: 0px; line-height:44px; right:10px;" />
							</div>
						</div>
					</div>
					<div class="flex"
						style="align-items: center; background: #F8F8F8; padding-left: 0.2rem; margin-bottom: 0.2rem;  border-radius: 0.2rem;">
						<div style="width: 1.7rem; overflow:hidden;"><span
								style="margin-right:5px; color: #f00;">*</span>详细地址</div>
						<div style="flex-grow: 1; padding-left: 0.2rem; color: #2D3038; font-size: 0.26rem;">
							<van-field v-model="all.address" @change="teshuhuichuan" placeholder="请输入详细地址" />
						</div>
					</div>
					<div class="flex" v-for="(item2,index2) in item.custom_info"
						style="align-items: center; background: #F8F8F8; padding-left: 0.2rem; margin-bottom: 0.2rem;  border-radius: 0.2rem;">
						<div style="flex: 0 0 auto;"><span
								style="margin-right:5px; color: #f00;" v-if="item2.bitian">*</span>{{item2.name}}</div>
						<div style="flex: 1; padding-left: 0.2rem; color: #2D3038; font-size: 0.26rem;">
							<!-- <van-field v-model="all.custom_info[index2].name" :placeholder="item2.name" v-if="item2.geshi == 0" /> -->
							<van-field v-model="all.custom_info[index2].value" :type="item2.geshi == 1?'number':''" placeholder="请输入"  />
						</div>
					</div>
					<!-- <div class="flex" style="align-items: center; border-bottom:1px #EAEAEA solid;">
							<div style="width: 1.7rem; overflow:hidden;">上传相关证件</div>
							<div style="flex-grow: 1; padding-left: 0.2rem; color: #2D3038;  text-align:right;">
								<van-icon name="arrow" size="14" style=" line-height:44px;" />
							</div>
						</div> -->
					<div style=" color: #fff; font-size: 12px; padding: 0.2rem 0.25rem 0; "
						:style="{'color':peizhi.yansename=='白色'?'#000':'#fff'}">
						{{item.custom_remind || '填写真实身份信息，未满18岁、一证五号、信息错误将无法发货'}}
					</div>
					<!-- <div style=" color: #fff; font-size: 12px; padding: 0.2rem 0.25rem 0; "
						:style="{'color':peizhi.yansename=='白色'?'#000':'#fff'}">
						*请填写真实身份信息及电话地址信息，填写错误会导致无法发货
					</div> -->
					<div v-if="peizhi.shenfenzheng">
						<div :style="{'color':peizhi.yansename=='白色'?'#000':'#fff'}"
							style="font-size: 0.3rem; padding:0.3rem 0.25rem 0">身份证照片上传：</div>
						<div style="border-bottom:1px #EAEAEA solid; padding:0.3rem 0.25rem"
							:style="{'color':peizhi.yansename=='白色'?'#000':'#fff'}">
							根据运营商要求，该套餐需上传身份证照片才可开卡，该照片仅用于运营商开卡，请按照要求上传正确的照片。
						</div>
						<div class="flex" style="padding: 0.25rem 0;justify-content: space-around;">
							<div style="width: 3rem; background: #f7f8fa;" class="flexcc">

								<div style="width: 100%; height: 100%;">
									<van-uploader :after-read="afterRead1" deletable="false" preview-size="3rem"
										show-upload="false">
										<div v-if="all.face_url"><img :src="all.face_url" style="width: 3rem; "></div>
										<div style="width: 100%; height: 100%;" class="flexcc" v-if="!all.face_url">
											<van-icon name="photograph" color="#999" size="30" />
										</div>
									</van-uploader>
								</div>
							</div>
							<div style="width: 3rem;" class="flexcc">
								<img src="./img/face.jpg" style="width: 3rem;">
							</div>
						</div>
						<div style="padding: 0.1rem 0.25rem;" :style="{'color':peizhi.yansename=='白色'?'#000':'#fff'}">
							证件四角边缘空隙2厘米以上，手机横拍，照片清晰不模糊，无水印，无反光，无PS</div>
						<div class="flex" style="padding: 0.25rem 0;justify-content: space-around;">
							<div style="width: 3rem; background: #f7f8fa;" class="flexcc">

								<div style="width: 100%; height: 100%;">
									<van-uploader :after-read="afterRead2" deletable="false" preview-size="3rem"
										show-upload="false">
										<div v-if="all.back_url"><img :src="all.back_url" style="width: 3rem;"></div>
										<div style="width: 100%; height: 100%;" class="flexcc" v-if="!all.back_url">
											<van-icon name="photograph" color="#999" size="30" />
										</div>
									</van-uploader>
								</div>
							</div>
							<div style="width: 3rem;" class="flexcc">
								<img src="./img/back.jpg" style="width: 3rem;">
							</div>
						</div>
						<div style="padding: 0.1rem 0.25rem;" :style="{'color':peizhi.yansename=='白色'?'#000':'#fff'}">
							证件四角边缘空隙2厘米以上，手机横拍，照片清晰不模糊，无水印，无反光，无PS</div>
						<div class="flex" style="padding: 0.25rem 0;justify-content: space-around;">
							<div style="width: 3rem; background: #f7f8fa;" class="flexcc">
								<div style="width: 100%; height: 100%;">
									<van-uploader :after-read="afterRead3" deletable="false" preview-size="3rem"
										show-upload="false">
										<div v-if="all.hand_url"><img :src="all.hand_url" style="width: 3rem;"></div>
										<div style="width: 100%; height: 100%;" class="flexcc" v-if="!all.hand_url">
											<van-icon name="photograph" color="#999" size="30" />
										</div>
									</van-uploader>
								</div>
							</div>
							<div style="width: 3rem;" class="flexcc">
								<img src="./img/head.png" style="width: 3rem;">
							</div>
						</div>
						<div style="padding: 0.1rem 0.25rem; color: #f00; font-weight: bold; text-shadow: 0 0 5px #fff;" v-if="item.is_not_need_glasses == 1">
							请摘掉眼镜拍摄，否则不通过</div>
						<div style="padding: 0.1rem 0.25rem;" :style="{'color':peizhi.yansename=='白色'?'#000':'#fff'}">
							无需手持身份证，胸部以上，露出双肩，人像面部比例不低于1/3，无水印，无反光，无PS</div>
						<div style="padding: 0.1rem 0.25rem;" :style="{'color':peizhi.yansename=='白色'?'#000':'#fff'}">
							请上传真实环境拍摄的免冠照，不要上传证件照</div>
							
						
					</div>

					<div class="flex" style="padding: 0.25rem 0.1rem;justify-content: space-around;" v-if="peizhi.shangchuanneirongma">
						<div style="width: 6.4rem; min-height: 3rem;  gap: 0.4rem;" class="flexcc">
							<div style="flex: 1; background: #f7f8fa; height: 100%;">
								<van-uploader :after-read="afterRead4" deletable="false" preview-size="3rem"
									show-upload="false">
									<div v-if="all.custom_photos_url"><img :src="all.custom_photos_url" style="width: 3rem;">
									</div>
									<div style="width: 100%; height: 100%;" class="flexcc" v-if="!all.custom_photos_url">
										<van-icon name="photograph" color="#999" size="30" />
									</div>
								</van-uploader>
							</div>
							<div style="flex: 1;  height: 100%;" v-if="peizhi.custom_photo_illustration">
								<img :src="peizhi.custom_photo_illustration" style="width: 100%;" @click="yulantu = true">
							</div>
						</div>
						
					</div>
					<div style="padding: 0.1rem 0.25rem;" :style="{'color':peizhi.yansename=='白色'?'#000':'#fff'}" v-if="peizhi.shangchuanneirongma">{{peizhi.shangchuanneirong}}上传</div>
					<!-- <div style="font-size: 12px; margin: 0.2rem 0rem; display: flex; flex-wrap: wrap; align-items: center;" v-if="item.network_access_protocol == 1">
							<van-checkbox v-model="checked" style="margin-right: 0.1rem; font-size: 12px;">我已阅读并同意</van-checkbox>
							<span style="color: #007AFF;font-size: 12px;" v-for="(item,index) in xieyilist" :key="item.id" @click="dakaixieyi(index)">《{{item.title}}》</span>
						</div> -->
					<div v-if="peizhi.pic_zi" style="margin-top: 20px;position: relative;">
						<img src="./img/point2.gif" style="position:absolute;width: 40px;top: 0;left: -0.15rem;" alt="">
						<van-checkbox v-model="ischeckedzi">
							<img :src="peizhi.pic_zi" alt="">
						</van-checkbox>
					</div>
					<div @click="tijiao"
						style="text-align: center; border-radius:0.6rem; position: relative; line-height: 1.2rem; margin: 0.5rem 0; font-size: 0.48rem; color: #fff;"
						:style="{ backgroundColor:peizhi.anniucolor}" v-if="peizhi.anniuwenziObj.redio==1">

						<div style=" font-size: 0.48rem !important; ">

							<img src="static/img/anniubeijingse2.png"
								style="height: 100%; position: absolute; left: 0; top: 0; height: 1.5rem;">
							{{peizhi.anniuwenziObj.text}}
						</div>

					</div>
					<div v-else style="border-radius: 30px;margin-top: 20px;" @click="tijiao">
						<img :src="peizhi.anniuwenziObj.imgsDetails" style="width: 100%;">
						<!-- <span v-if="item.price != 0">(￥{{item.price}})</span> -->
					</div>
					<div style="font-size: 12px; margin: 0.2rem 0rem; display: flex; flex-wrap: wrap; align-items: center;"
						v-if="item.network_access_protocol == 1">
						<van-checkbox @change="changeagree" v-model="checked"
							style="margin-right: 0.1rem; font-size: 12px; color: #fff;"
							:class="peizhi.yansename=='白色'?'van-checkbox__label van-checkbox__label2':'van-checkbox__label '">我已阅读并同意</van-checkbox>

						<span style="font-size: 12px;" v-for="(item,index) in xieyilist" :key="item.id"
							@click="dakaixieyi(index)" :style="{color:peizhi.yueduyanse}">《{{item.title}}》</span>
						<!-- <span style="color: #007AFF;font-size: 12px;" @click="log1 = true">《客户入网许可协议及服务协议》</span>
							<span style="color: #007AFF;font-size: 12px;" @click="log2 = true">《转卖或转借电话卡风险告知书》</span>
							<span style="color: #007AFF;font-size: 12px;" @click="log3 = true">《个人信息收集证明》</span> -->
					</div>
				</div>
				<!-- </div> -->
				<div style="background: #fff; border-radius:5px; padding:0.4rem; margin-top:0.2rem; "
					v-if="peizhi.pinglun == 1 && peizhi.pinglunid && pinglunlist != ''">
					<div style="font-weight: bold; font-size: 15px; margin-bottom:0.3rem;">商品评价</div>
					<div style=" width: 100%; overflow: hidden;" :style="{height:pinglunlist.length+'rem'}">
						<div class="mj" ref="haha">
							<div ref="hehe" v-for="(item,index) in pinglunlist">
								<div
									style="display: flex; justify-content: space-between; align-items: center; margin-top: 10px;">
									<div style="display: flex;  align-items: center;">
										<img :src="item.header"
											style="width: 0.5rem; height: 0.5rem; margin-right: 0.2rem; border: 1px #999 solid; border-radius: 1rem;">
										<div style="color: #666;">{{item.title}}</div>
									</div>
									<div style="color: #999;">{{item.created_at}}</div>
								</div>
								<div style="padding: 0.1rem 0 0 0.7rem; color: #999;">{{item.content}}</div>
							</div>
							<div v-for="(item,index) in pinglunlist">
								<div
									style="display: flex; justify-content: space-between; align-items: center; margin-top: 10px;">
									<div style="display: flex;  align-items: center;">
										<img :src="item.header"
											style="width: 0.5rem; height: 0.5rem; margin-right: 0.2rem; border: 1px #999 solid; border-radius: 1rem;">
										<div style="color: #666;">{{item.title}}</div>
									</div>
									<div style="color: #999;">{{item.created_at}}</div>
								</div>
								<div style="padding: 0.1rem 0 0 0.7rem; color: #999;">{{item.content}}</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- nc的需求 -->
			<div v-if="peizhi.xiantianxie == 2">
				<div style="border-radius:0.2rem; padding:0.2rem; margin-top:0.2rem;"
					:style="{background:peizhi.neirongcolor}">
					<!-- <div style="font-weight: bold; font-size: 15px; margin-bottom:0.1rem">个人信息</div> -->
					<div class="flex" v-if="id != 523150 && id != 715815"
						style="align-items: center; background: #F8F8F8; padding-left: 0.2rem;  border-radius: 0.2rem;">
						<div style="width: 1.7rem; overflow:hidden;"><span
								style="margin-right:5px; color: #f00;">*</span>办理人姓名</div>
						<div style="flex-grow: 1; padding-left: 0.2rem; color: #2D3038; font-size: 0.26rem;">
							<van-field v-model="all.id_name" @change="teshuhuichuan" placeholder="请输入办理人姓名" />
						</div>
					</div>
					<div class="flex" v-if="id != 523150 && id != 715815"
						style="align-items: center; background: #F8F8F8; padding-left: 0.2rem; margin-top: 0.2rem; border-radius: 0.2rem;">
						<div style="width: 1.7rem; overflow:hidden;"><span
								style="margin-right:5px; color: #f00;">*</span>联系电话</div>
						<div style="flex-grow: 1; padding-left: 0.2rem; color: #2D3038; font-size: 0.26rem;">
							<van-field v-model="all.mobile" @change="teshuhuichuan(true)" placeholder="请输入联系电话" />
						</div>
					</div>

					<div v-if="all.id_name && all.mobile.length == 11">
						<div v-if="peizhi.needidcard==1||peizhi.needidcard==undefined">
							<div class="flex"
								style="align-items: center; background: #F8F8F8; padding-left: 0.2rem; margin-top: 0.2rem; border-radius: 0.2rem;">
								<div style="width: 1.7rem; overflow:hidden;"><span
										style="margin-right:5px; color: #f00;">*</span>身份证号</div>
								<div style="flex-grow: 1; padding-left: 0.2rem; color: #2D3038; font-size: 0.26rem;">
									<van-field v-model="all.id_num" @change="teshuhuichuan" placeholder="请输入身份证号" />
								</div>
							</div>
						</div>

						<div v-if="peizhi.needidcard==1||peizhi.needidcard==undefined">
							<div class="flex"
								style="align-items: center; background: #F8F8F8; padding-left: 0.2rem; margin-top: 0.2rem; border-radius: 0.2rem;"
								v-if="!peizhi.shouhuorenxingming">
								<div style="width: 1.7rem; overflow:hidden;"><span
										style="margin-right:5px; color: #f00;">*</span>收货人</div>
								<div style="flex-grow: 1; padding-left: 0.2rem; color: #2D3038; font-size: 0.26rem;">
									<van-field v-model="all.name" @change="teshuhuichuan" placeholder="请输入收货人" />
								</div>
							</div>
						</div>


						<div class="flex"
							style="align-items: center; background: #F8F8F8; padding-left: 0.2rem; margin-top: 0.2rem; border-radius: 0.2rem; position:relative;"
							v-if="peizhi.duanxin">
							<div style="width: 1.7rem; overflow:hidden;"><span
									style="margin-right:5px; color: #f00;">*</span>验证码</div>
							<div style="flex-grow: 1; padding-left: 0.2rem; color: #2D3038; font-size: 0.26rem;">
								<div class="code" style="right: 0.2rem; top:0.2rem; "><van-button type="info"
										size="small" @click="getcode" type="tel" :disabled="yzmuse"
										style="font-size: 12px;">{{yzm}}</van-button></div>
								<van-field v-model="all.code" @change="teshuhuichuan" placeholder="请输入验证码" />
							</div>
						</div>

						<div class="flex"
							style="align-items: center; background: #F8F8F8; padding-left: 0.2rem; margin-top: 0.2rem; border-radius: 0.2rem;">
							<div style="width: 1.7rem; overflow:hidden;"><span
									style="margin-right:5px; color: #f00;">*</span>所在地区</div>
							<div style="flex-grow: 1; padding-left: 0.2rem; color: #2D3038; font-size: 0.26rem; padding: 10px 0; width: 0; position:relative;"
								@click="showPopup">
								<div class="where">{{shengshiqu}}
									<van-icon name="arrow-down" size="14"
										style="position: absolute; top: 0px; line-height:44px; right:10px;" />
								</div>
							</div>
						</div>
						<div class="flex"
							style="align-items: center; background: #F8F8F8; padding-left: 0.2rem; margin-top: 0.2rem; border-radius: 0.2rem;">
							<div style="width: 1.7rem; overflow:hidden;"><span
									style="margin-right:5px; color: #f00;">*</span>详细地址</div>
							<div style="flex-grow: 1; padding-left: 0.2rem; color: #2D3038; font-size: 0.26rem;">
								<van-field v-model="all.address" @change="teshuhuichuan" placeholder="请输入详细地址" />
							</div>
						</div>
						<div style=" color: #fff; font-size: 12px; padding: 0.2rem 0.25rem 0; "
							:style="{'color':peizhi.yansename=='白色'?'#000':'#fff'}">
							{{item.custom_remind || '填写真实身份信息，未满18岁、一证五号、信息错误将无法发货'}}
						</div>
						<!-- <div style=" color: #fff; font-size: 12px; padding: 0.2rem 0.25rem 0; "
							:style="{'color':peizhi.yansename=='白色'?'#000':'#fff'}">
							*请填写真实身份信息及电话地址信息，填写错误会导致无法发货
						</div> -->
						<div v-if="peizhi.shenfenzheng">
							<div :style="{'color':peizhi.yansename=='白色'?'#000':'#fff'}"
								style="font-size: 0.3rem; padding:0.3rem 0.25rem 0">身份证照片上传：</div>
							<div style="border-bottom:1px #EAEAEA solid; padding:0.3rem 0.25rem"
								:style="{'color':peizhi.yansename=='白色'?'#000':'#fff'}">
								根据运营商要求，该套餐需上传身份证照片才可开卡，该照片仅用于运营商开卡，请按照要求上传正确的照片。
							</div>
							<div class="flex" style="padding: 0.25rem 0;justify-content: space-around;">
								<div style="width: 3rem; background: #f7f8fa;" class="flexcc">

									<div style="width: 100%; height: 100%;">
										<van-uploader :after-read="afterRead1" deletable="false" preview-size="3rem"
											show-upload="false">
											<div v-if="all.face_url"><img :src="all.face_url" style="width: 3rem; ">
											</div>
											<div style="width: 100%; height: 100%;" class="flexcc" v-if="!all.face_url">
												<van-icon name="photograph" color="#999" size="30" />
											</div>
										</van-uploader>
									</div>
								</div>
								<div style="width: 3rem;" class="flexcc">
									<img src="./img/face.jpg" style="width: 3rem;">
								</div>
							</div>
							<div style="padding: 0.1rem 0.25rem;"
								:style="{'color':peizhi.yansename=='白色'?'#000':'#fff'}">
								证件四角边缘空隙2厘米以上，手机横拍，照片清晰不模糊，无水印，无反光，无PS</div>
							<div class="flex" style="padding: 0.25rem 0;justify-content: space-around;">
								<div style="width: 3rem; background: #f7f8fa;" class="flexcc">

									<div style="width: 100%; height: 100%;">
										<van-uploader :after-read="afterRead2" deletable="false" preview-size="3rem"
											show-upload="false">
											<div v-if="all.back_url"><img :src="all.back_url" style="width: 3rem;">
											</div>
											<div style="width: 100%; height: 100%;" class="flexcc" v-if="!all.back_url">
												<van-icon name="photograph" color="#999" size="30" />
											</div>
										</van-uploader>
									</div>
								</div>
								<div style="width: 3rem;" class="flexcc">
									<img src="./img/back.jpg" style="width: 3rem;">
								</div>
							</div>
							<div style="padding: 0.1rem 0.25rem;"
								:style="{'color':peizhi.yansename=='白色'?'#000':'#fff'}">
								证件四角边缘空隙2厘米以上，手机横拍，照片清晰不模糊，无水印，无反光，无PS</div>
							<div class="flex" style="padding: 0.25rem 0;justify-content: space-around;">
								<div style="width: 3rem; background: #f7f8fa;" class="flexcc">
									<div style="width: 100%; height: 100%;">
										<van-uploader :after-read="afterRead3" deletable="false" preview-size="3rem"
											show-upload="false">
											<div v-if="all.hand_url"><img :src="all.hand_url" style="width: 3rem;">
											</div>
											<div style="width: 100%; height: 100%;" class="flexcc" v-if="!all.hand_url">
												<van-icon name="photograph" color="#999" size="30" />
											</div>
										</van-uploader>
									</div>
								</div>
								<div style="width: 3rem;" class="flexcc">
									<img src="./img/head.png" style="width: 3rem;">
								</div>
							</div>
							<div style="padding: 0.1rem 0.25rem;"
								:style="{'color':peizhi.yansename=='白色'?'#000':'#fff'}">
								无需手持身份证，胸部以上，露出双肩，人像面部比例不低于1/3，无水印，无反光，无PS</div>
							<div style="padding: 0.1rem 0.25rem;"
								:style="{'color':peizhi.yansename=='白色'?'#000':'#fff'}">请上传真实环境拍摄的免冠照，不要上传证件照</div>
							
						</div>
						<div class="flex" style="padding: 0.25rem 0.1rem;justify-content: space-around;" v-if="peizhi.shangchuanneirongma">
							<div style="width: 6.4rem; min-height: 3rem;  gap: 0.4rem;" class="flexcc">
								<div style="flex: 1; background: #f7f8fa; height: 100%;">
									<van-uploader :after-read="afterRead4" deletable="false" preview-size="3rem"
										show-upload="false">
										<div v-if="all.custom_photos_url"><img :src="all.custom_photos_url" style="width: 3rem;">
										</div>
										<div style="width: 100%; height: 100%;" class="flexcc" v-if="!all.custom_photos_url">
											<van-icon name="photograph" color="#999" size="30" />
										</div>
									</van-uploader>
								</div>
								<div style="flex: 1;  height: 100%;" v-if="peizhi.custom_photo_illustration">
									<img :src="peizhi.custom_photo_illustration" style="width: 100%;" @click="yulantu = true">
								</div>
							</div>
							
						</div>
						<div style="padding: 0.1rem 0.25rem;" :style="{'color':peizhi.yansename=='白色'?'#000':'#fff'}"  v-if="peizhi.shangchuanneirongma">{{peizhi.shangchuanneirong}}上传</div>
					</div>
					<div v-if="peizhi.pic_zi" style="margin-top: 20px;position: relative;">
						<img src="./img/point2.gif" style="position:absolute;width: 40px;top: 0;left: -0.15rem;" alt="">
						<van-checkbox v-model="ischeckedzi">
							<img :src="peizhi.pic_zi" alt="">
						</van-checkbox>
					</div>
					<div @click="tijiao" 
						style="text-align: center; border-radius:0.6rem; position: relative; line-height: 1.2rem; margin: 0.5rem 0; font-size: 0.48rem !important; color: #fff;"
						:style="{ backgroundColor:peizhi.anniucolor}" v-if="peizhi.anniuwenziObj.redio==1">


						<div style="font-size: 0.48rem !important;">

							<img src="static/img/anniubeijingse2.png"
								style="height: 100%; position: absolute; left: 0; top: 0; height: 1.5rem;">
							{{peizhi.anniuwenziObj.text}}
						</div>

					</div>
					<div v-else style="border-radius: 30px;" @click="tijiao">
						<img :src="peizhi.anniuwenziObj.imgsDetails" style=" width: 100%;">
						<!-- <span v-if="item.price != 0">(￥{{item.price}})</span> -->
					</div>
					<div style="font-size: 12px; margin: 0.2rem 0rem; display: flex; flex-wrap: wrap; align-items: center;"
						v-if="item.network_access_protocol == 1">
						<van-checkbox @change="changeagree" v-model="checked"
							style="margin-right: 0.1rem; font-size: 12px; color: #fff;"
							:class="peizhi.yansename=='白色'?'van-checkbox__label van-checkbox__label2':'van-checkbox__label '">我已阅读并同意</van-checkbox>

						<span style="font-size: 12px;" v-for="(item,index) in xieyilist" :key="item.id"
							@click="dakaixieyi(index)" :style="{color:peizhi.yueduyanse}">《{{item.title}}》</span>
						<!-- <span style="color: #007AFF;font-size: 12px;" @click="log1 = true">《客户入网许可协议及服务协议》</span>
							<span style="color: #007AFF;font-size: 12px;" @click="log2 = true">《转卖或转借电话卡风险告知书》</span>
							<span style="color: #007AFF;font-size: 12px;" @click="log3 = true">《个人信息收集证明》</span> -->
					</div>


				</div>
				<div style="background: #fff; border-radius:0.2rem; padding:0.4rem; margin-top:0.2rem; "
					v-if="peizhi.pinglun == 1 && peizhi.pinglunid && pinglunlist != ''">
					<div style="font-weight: bold; font-size: 15px; margin-bottom:0.3rem;">商品评价</div>

					<div style=" width: 100%; overflow: hidden;" :style="{height:pinglunlist.length+'rem'}">
						<!-- style="animation: all 30s linear infinite;" -->
						<div class="mj" ref="haha">
							<div ref="hehe" v-for="(item,index) in pinglunlist">
								<div
									style="display: flex; justify-content: space-between; align-items: center; margin-top: 10px;">
									<div style="display: flex;  align-items: center;">
										<img :src="item.header"
											style="width: 0.5rem; height: 0.5rem; margin-right: 0.2rem; border: 1px #999 solid; border-radius: 1rem;">
										<div style="color: #666;">{{item.title}}</div>
									</div>
									<div style="color: #999;">{{item.created_at}}</div>
								</div>
								<div style="padding: 0.1rem 0 0 0.7rem; color: #999;">{{item.content}}</div>
							</div>
							<div v-for="(item,index) in pinglunlist">
								<div
									style="display: flex; justify-content: space-between; align-items: center; margin-top: 10px;">
									<div style="display: flex;  align-items: center;">
										<img :src="item.header"
											style="width: 0.5rem; height: 0.5rem; margin-right: 0.2rem; border: 1px #999 solid; border-radius: 1rem;">
										<div style="color: #666;">{{item.title}}</div>
									</div>
									<div style="color: #999;">{{item.created_at}}</div>
								</div>
								<div style="padding: 0.1rem 0 0 0.7rem; color: #999;">{{item.content}}</div>
							</div>
						</div>
					</div>


					<!-- <van-swipe style="height: 140px;" :vertical='true' :autoplay='2000' :show-indicators='false'>
							<van-swipe-item  v-for="(item,index) in pinglunlist" :key="index">
								<div v-for="item2 in item" :key="item.id">
									<div style="display: flex; justify-content: space-between; align-items: center; margin-top: 10px;">
										<div style="display: flex;  align-items: center;">
											<img :src="item2.header" style="width: 0.5rem; height: 0.5rem; margin-right: 0.2rem; border: 1px #999 solid; border-radius: 1rem;">
											<div style="color: #666;">{{item.headertitle}}</div>
										</div>
										<div style="color: #999;">{{item2.created_at}}</div>
									</div>
									<div style="padding: 0.1rem 0 0 0.7rem; color: #999;">{{item2.content}}</div>
								</div>
							</van-swipe-item>
						</van-swipe> -->
				</div>
			</div>

		</van-action-sheet>

		<van-popup v-model="baocuolog"
			style="width: 90%; height: 60vh;  padding: 0.3rem; background: #fff !important; color: #333 !important; height: auto !important; border-radius: 0.2rem;">
			<div style="margin: 0.3rem; text-align: center;">{{baocuo}}</div>

			<div class="flexcc" @click="baocuolog = false">
				<div style="padding: 0.1rem 0.2rem;
			background: rgb(255, 45, 75);
			color: rgb(255, 255, 255);
			text-align: center;
			border-radius: 5px;">确定</div>
			</div>
		</van-popup>

		<van-popup v-model="zhifulog" :close-on-click-overlay="false" closeable close-icon-position="top-right"
			position="bottom" @close="tijiaoing = false"
			style="width: 100%; height: 60vh;  padding:0.6rem 0.3rem 0.3rem; background: #fff !important; color: #333 !important; height: auto !important; ">
			<div>
				<div class="flexbc" style="padding: 0.2rem 0.3rem; border-bottom: 1px #EAEAEA solid;" v-if="(item.pay_account.length > 0 && item.pay_account[0].is_enable_pay == 1) || (item.pay_account.length > 2 && item.pay_account[2].is_enable_pay == 1)"
					@click="zhifufangshi('weixin')" v-if="!meiyouweixin">
					<div class="flexc">
						<div><img src="img/weixinzhifu.png" style="width: 0.46rem; margin-right: 0.2rem;" /></div>
						<div>微信支付</div>
					</div>
				</div>
				<div class="flexbc" style="padding: 0.2rem 0.3rem;" @click="zhifufangshi('zhifubao')"  v-if="(item.pay_account.length > 1 && item.pay_account[1].is_enable_pay == 1)">
					<div class="flexc">
						<div><img src="img/zhifubaozhifu.png" style="width: 0.46rem; margin-right: 0.2rem;" /></div>
						<div>支付宝支付</div>
					</div>
				</div>
			</div>
		</van-popup>

		<van-popup v-model="showtu2" position="center"
			style="width: 100%; padding: 0.3rem; background: #fff !important; color: #333 !important; height: auto !important; ">
			<img :src="item.detail_pic_two">
		</van-popup>

		<van-popup v-model="showtu3" position="center"
			style="width: 90%; padding:0.7rem 0.3rem 0.3rem; background: #fff !important; color: #333 !important; height: auto !important; ">
			<div style="position: absolute; right: 0.2rem; top: 0.2rem;">
				<van-icon name="cross" @click="showtu3 = false" />
			</div>
			<img :src="item.pop_banner" @click="quxinde">
		</van-popup>

		<div v-html="payGateWay" ref="alipayWap"></div>

		<!-- 二次确认弹窗 -->
		<van-popup v-model="isshowagain">
			<div
				style="display: flex;flex-direction: column;justify-content: center;align-items: center;padding: 30px 0;box-sizing: border-box;width: 100vw;">
				<img style="width: 90%;margin-bottom: 20px;" :src="peizhi.pic_sure" alt="">
				<div style="display: flex;justify-content: space-around;width: 90%;">
					<van-button style="width: 100px;" @click="isshowagain = false" round type="default">取消</van-button>
					<van-button style="width: 100px;" @click="sureagainbtn" round type="info">确认</van-button>
				</div>
			</div>
		</van-popup>
		
		<van-popup v-model="yulantu" position="center" style="width: 100%;">
			<img :src="peizhi.custom_photo_illustration" style="width: 100%;">
		</van-popup>

		<!-- <van-popup v-model="show2" position="bottom"
				style="padding: 0.4rem 0.3rem; color: #2D3038; border-radius: 0.2rem 0.2rem 0 0;">
				<div class="flexb" style="font-size: 0.32rem; font-weight: bold;">
					<div style="font-size: 0.32rem; font-weight: bold;">确认订单信息</div>
					<div @click="show2 = false"><img src="img/g.png" style="width: 0.32rem;"></div>
				</div>
				<div class="flexb" style="margin-top: 0.3rem;">
					<div style="color: #8A919F;  font-size: 0.25rem;">商品名称</div>
					<div style="font-size: 0.25rem;">{{person.sale_name}}</div>
				</div>
				<div class="flexb" style="margin-top: 0.3rem;">
					<div style="color: #8A919F; font-size: 0.25rem;">收货人</div>
					<div style="font-size: 0.25rem;">{{name}}</div>
				</div>
				<div class="flexb" style="margin-top: 0.3rem;">
					<div style="color: #8A919F; font-size: 0.25rem;">收货电话</div>
					<div style="font-size: 0.25rem;">{{mobile}}</div>
				</div>
				<div class="flexb" style="margin-top: 0.3rem;">
					<div style="color: #8A919F; font-size: 0.25rem;">收货地址</div>
					<div style="width: 5rem; text-align: right; font-size: 0.25rem;">{{shengshiqu}}{{address}}</div>
				</div>
				<div class="flexcc bor" style="background: #3FCF77; color: #fff; padding: 0.2rem 0; margin-top: 0.4rem;"
					@click="guozhengtong" v-if="tijiaoing">
					<div><img src="img/w.png" style="width: 0.4rem; margin-right: 0.2rem;"></div>
					<div>微信支付</div>
				</div>
				<div class="flexcc bor" style="background: #3FCF77; color: #fff; padding: 0.2rem 0; margin-top: 0.4rem;"
					v-if="!tijiaoing">
					<div><img src="img/w.png" style="width: 0.4rem; margin-right: 0.2rem;"></div>
					<div>订单提交中...</div>
				</div>
			</van-popup> -->
	</div>




	<script>
		var h = document.documentElement.clientWidth / 7.5 + 'px';
		document.documentElement.style.fontSize = h;


		new Vue({
			el: '#app',
			data: function () {
				return {
					checked1:true,
					checked2:true,
					zhifulog: false,
					tijiaoing: false,
					jiazaizhong: true,
					log1: false,
					log1html: "",
					log2: false,
					log3: false,
					checked: false,
					areaList: "",
					areaList2: {},
					shengshiqu: "省、市、区",
					show: false,
					yzm: "获取验证码",
					yzmnum: 60,
					yzmuse: false,

					apis: "",
					peizhi: "",
					item: "",
					all: {
						custom_info:[
							
						],
						id: "",
						id_name: "",
						id_num: "",
						name: "",
						mobile: "",
						code: "",

						address: "",
						province: "",
						city: "",
						district: "",

						face_url: "",
						back_url: "",
						hand_url: "",
						custom_photos_url:"",

						pay_method: 1,//	1	是	string	1微信2支付宝
						openid: "",

						productId: "",
						empId: "",
						callbackurl: "",
						jd_flag: "",

						pretty_number: "",

						province_code: "",
						city_code: "",
						district_code: "",

						markid: "",
						bd_vid: "",
						token: "",
						data_source_id: "",
						account_id: "",
						is_gift_page: '',
						gift_order_page_id: '',
						promoter_id: '',
						
						promotion_type:"",
						projectid:"",
						promotionid:'',
						creativetype:'',
						clickid:'',
						aid:'',
						unionsite:'',
						advertiserid:'',
						csite:'',
						os:'',
						personid:"",
						
					},

					pinglunlist: "",
					xieyilist: "",
					logqueding: false,

					weihao: false,
					xuanhaoshow: false,
					all2: {
						province: "",
						city: "",
						district: "",
					},
					show2: false,
					shengshiqu2: "省、市",
					jiazaizhong: true,
					list: [],
					list2: [],
					shuzi: "",
					linshi: "",
					hong: false,
					hong2: false,
					pagenum: 1,

					mobile_config4: "",
					mobile_config4canshu: {},
					baocuo: "",
					baocuolog: false,
					nowchoosetag: '',
					nowchoosetagitem: {},
					lianglist: [
						// {
						// 	rule_key: "searchCategory",
						// 	rule_name: "推荐"
						// },
						// {
						// 	rule_key: "codeTypeCode",
						// 	rule_name: "AAA"
						// },
						// {
						// 	rule_key: "codeTypeCode",
						// 	rule_name: "AAA"
						// },
						// {
						// 	rule_key: "codeTypeCode",
						// 	rule_name: "AAA"
						// },
						// {
						// 	rule_key: "codeTypeCode",
						// 	rule_name: "AAA"
						// },
					],
					pickobg: {},
					nowcitycode: '',
					nowcitycode2: '',
					payGateWay: "",
					showtu2: false,
					btnsear: [],
					choosesend: [],
					form_uni: "",
					gmlist: [
						'用户183******23已领取成功 2分钟前',
						'用户185******28已领取成功 1分钟前',
						'用户136******79已领取成功 4分钟前',
						'用户131******91已领取成功 5分钟前',
						'用户188******32已领取成功 6分钟前',
						'用户189******79已领取成功 14分钟前',
						'用户132******91已领取成功 8分钟前',
						'用户188******32已领取成功 9分钟前',
					],
					showtu3: false,
					ischeckedzi: false,
					chooseagain: false,
					isshowagain: false,
					api_type:0,
					meiyouweixin:false,
					yulantu:false
				}
			},
			async created() {

				// https://static.91haoka.cn/areanew.json
				// https://static.91haoka.cn/tongyidiqu.json
				// https://file.storep.91haoka.cn/tongyidiqu.json
				// await axios.get("https://static.91haoka.cn/areanew.json")
				// 	.then(response=> {
				// 		this.areaList = response.data
				// 	})

				var that = this
				this.id = this.getUrlParam('id')
				this.all.id = this.getUrlParam('id')


				if (this.id == 507419) {
					this.id = 671672
					this.all.id = 671672
				}
				
				//帅帅用 物联网换卡
				
				this.all.personid = this.getUrlParam('personid')
				//京东专用
				this.all.productId = this.getUrlParam('productId')
				this.all.empId = this.getUrlParam('empId')
				this.all.callbackurl = this.getUrlParam('callbackUrl')
				this.all.jd_flag = this.getUrlParam('flag')
				if (this.getUrlParam('promoter_id')) {
					localStorage.setItem('promoter_id', this.getUrlParam('promoter_id'));
					this.all.promoter_id = this.getUrlParam('promoter_id');

				} else {
					localStorage.setItem('promoter_id', '');
					this.all.promoter_id = '';
				}
				if (this.getUrlParam('require_param')) {
					localStorage.setItem('require_param', this.getUrlParam('require_param'));
					this.all.require_param = this.getUrlParam('require_param');
				
				} else {
					localStorage.setItem('require_param', '');
					this.all.require_param = '';
				}

				if (this.getUrlParam('clickid')) {
					this.all.clickid = this.getUrlParam('clickid')
				} else {
					this.all.clickid = localStorage.getItem('clickid')
				}
				if (this.getUrlParam('creativeid')) {
					this.all.creativeid = this.getUrlParam('creativeid')
				} else {
					this.all.creativeid = localStorage.getItem('creativeid')
				}
				if (this.getUrlParam('creativetype')) {
					this.all.creativetype = this.getUrlParam('creativetype')
				} else {
					this.all.creativetype = localStorage.getItem('creativetype')
				}
				if (this.getUrlParam('adid')) {
					this.all.adid = this.getUrlParam('adid')
				} else {
					this.all.adid = localStorage.getItem('adid')
				}


				if (this.getUrlParam('event_push_type')) {
					this.all.event_push_type = this.getUrlParam('event_push_type')
				} else {
					this.all.event_push_type = 'kuaishou'
				}

				if (this.getUrlParam('missionId')) {
					this.all.missionId = this.getUrlParam('missionId')
				} else {
					this.all.missionId = localStorage.getItem('missionId')
				}
				if (this.getUrlParam('orderId')) {
					this.all.orderId = this.getUrlParam('orderId')
				} else {
					this.all.orderId = localStorage.getItem('orderId')
				}
				if (this.getUrlParam('trafficsource')) {
					this.all.trafficsource = this.getUrlParam('trafficsource')
				} else {
					this.all.trafficsource = localStorage.getItem('trafficsource')
				}
				if (this.getUrlParam('imeiMD5')) {
					this.all.imeiMD5 = this.getUrlParam('imeiMD5')
				} else {
					this.all.imeiMD5 = localStorage.getItem('imeiMD5')
				}
				if (this.getUrlParam('callback')) {
					this.all.callback = this.getUrlParam('callback')
				} else {
					this.all.callback = localStorage.getItem('callback')
				}
				if (this.getUrlParam('event_id')) {
					this.all.event_id = this.getUrlParam('event_id')
				} else {
					this.all.event_id = localStorage.getItem('event_id')
				}
				if (this.getUrlParam('qz_gdt')) {
					this.all.qz_gdt = this.getUrlParam('qz_gdt')
				} else {
					this.all.qz_gdt = localStorage.getItem('qz_gdt')
				}
				if (this.getUrlParam('click_ext')) {
					this.all.click_ext = this.getUrlParam('click_ext')
				} else {
					this.all.click_ext = localStorage.getItem('click_ext')
				}

				if (this.getUrlParam('use_env')) {
					this.all.use_env = this.getUrlParam('use_env')
				} else {
					this.all.use_env = localStorage.getItem('use_env')
				}
				
				if (this.getUrlParam('promotion_type')) {
					this.all.promotion_type = this.getUrlParam('promotion_type')
				} else {
					this.all.promotion_type = localStorage.getItem('promotion_type')
				}
				if (this.getUrlParam('projectid')) {
					this.all.projectid = this.getUrlParam('projectid')
				} else {
					this.all.projectid = localStorage.getItem('projectid')
				}
				if (this.getUrlParam('promotionid')) {
					this.all.promotionid = this.getUrlParam('promotionid')
				} else {
					this.all.promotionid = localStorage.getItem('promotionid')
				}
				if (this.getUrlParam('creativetype')) {
					this.all.creativetype = this.getUrlParam('creativetype')
				} else {
					this.all.creativetype = localStorage.getItem('creativetype')
				}
				if (this.getUrlParam('clickid')) {
					this.all.clickid = this.getUrlParam('clickid')
				} else {
					this.all.clickid = localStorage.getItem('clickid')
				}
				if (this.getUrlParam('aid')) {
					this.all.aid = this.getUrlParam('aid')
				} else {
					this.all.aid = localStorage.getItem('aid')
				}
				if (this.getUrlParam('unionsite')) {
					this.all.unionsite = this.getUrlParam('unionsite')
				} else {
					this.all.unionsite = localStorage.getItem('unionsite')
				}
				if (this.getUrlParam('advertiserid')) {
					this.all.advertiserid = this.getUrlParam('advertiserid')
				} else {
					this.all.advertiserid = localStorage.getItem('advertiserid')
				}
				if (this.getUrlParam('csite')) {
					this.all.csite = this.getUrlParam('csite')
				} else {
					this.all.csite = localStorage.getItem('csite')
				}
				if (this.getUrlParam('os')) {
					this.all.os = this.getUrlParam('os')
				} else {
					this.all.os = localStorage.getItem('os')
				}


				// 				if (location.href.includes('localhost')||location.href.includes('http://192.168.123.120')) {
				// 					this.apis = '/apis'
				// 				}
				if (this.getUrlParam('mark_id')) {
					this.all.markid = this.getUrlParam('mark_id')
				} else {
					this.all.markid = localStorage.getItem('mark_id')
				}
				// // 获取省市区
				// await this.getssq()

				// // https://static.91haoka.cn/areanew.json
				// // https://static.91haoka.cn/tongyidiqu.json
				// await axios.get("https://static.91haoka.cn/areanew.json")
				// 	.then(response=> {
				// 		//当前省市区 
				// 		var sheng = sessionStorage.getItem('sheng')
				//        				var shi = sessionStorage.getItem('shi')
				//        				var qu = sessionStorage.getItem('qu')


				// 		// 发货地址-只有省市-设置初始值
				// 		this.areaList = response.data

				// 		for(let i in this.areaList.county_list){
				// 			if(this.areaList.county_list[i]==qu){

				// 				this.nowcitycode = i
				// 				this.all.province = sheng
				// 				this.all.city = shi
				// 				this.all.district = qu
				// 				this.shengshiqu = this.all.province + '  ' + this.all.city + '  ' + this.all.district
				// 			}
				// 		}


				// 		// 选号地址-只有省市

				// 		this.areaList2 = {
				// 			city_list:{},
				// 			province_list:{}
				// 		}

				// 		for (let i in response.data) {
				// 			if(i=='city_list'){
				// 				this.areaList2.city_list = response.data[i]
				// 			}
				// 			if(i=='province_list'){
				// 				this.areaList2.province_list = response.data[i]
				// 			}
				// 		}
				// 	})

				if (this.getUrlParam('bd_vid')) {
					this.all.bd_vid = this.getUrlParam('bd_vid')
				} else {
					this.all.bd_vid = localStorage.getItem('bd_vid')
				}
				if (this.getUrlParam('token')) {
					this.all.token = this.getUrlParam('token')
				} else {
					this.all.token = localStorage.getItem('token')
				}

				if (this.getUrlParam('track_id')) {
					this.all.track_id = this.getUrlParam('track_id')
				} else {
					this.all.track_id = localStorage.getItem('track_id')
				}

				if (this.getUrlParam('data_source_id')) {
					this.all.data_source_id = this.getUrlParam('data_source_id')
				} else {
					this.all.data_source_id = localStorage.getItem('data_source_id')
				}

				if (this.getUrlParam('account_id')) {
					this.all.account_id = this.getUrlParam('account_id')
				} else {
					this.all.account_id = localStorage.getItem('account_id')
				}
				if (this.getUrlParam('youku_track_id')) {
					this.all.youku_track_id = this.getUrlParam('youku_track_id')
				} else {
					this.all.youku_track_id = localStorage.getItem('youku_track_id')
				}
				if (this.getUrlParam('youku_creative_id')) {
					this.all.youku_creative_id = this.getUrlParam('youku_creative_id')
				} else {
					this.all.youku_creative_id = localStorage.getItem('youku_creative_id')
				}

				this.submit_url = location.href



				if (location.href.includes('localhost') || location.href.includes('192.168.2.97')) {
					this.apis = '/apis'
				}
				// 获取省市区
				await this.getssq()

				// https://static.91haoka.cn/areanew.json
				// https://static.91haoka.cn/tongyidiqu.json
				await axios.get("https://static.91haoka.cn/areanew.json")
					.then(async response => {
						//当前省市区 
						var sheng = sessionStorage.getItem('sheng')
						var shi = sessionStorage.getItem('shi')
						var qu = sessionStorage.getItem('qu')


						// 发货地址-只有省市-设置初始值
						this.areaList = response.data
						const resInfo = await axios.get(`${this.apis}/api/page/info?id=${this.id}`)

						console.log('resInfo',resInfo)
						// 选号地址-只有省市
						await axios.post(`${this.apis}/api/store/query/number`, {
							"page_id": resInfo.data.data.page_id, //敢探号商品id
							"api_type": 1, //接口类型:0=原选号接口,1=号池选号-获取省市,2=号池选号-查号
						}).then(res => {
							console.log('res', res)
							if (res.data.msg.code == 0) {
								this.api_type=2
								this.resCode = true
								let resData = res.data.data
								let cityData = []
								res.data.data.forEach(item => {
									console.log('item', item)
									if (item.cities) {
										cityData = cityData.concat(item.cities)
									}
								})
								this.areaList2 = {
									city_list: {},
									province_list: {}
								}
								for (let i in response.data) {
									if (i == 'city_list') {
										let city_list = response.data[i]
										console.log('cityData', cityData)
										for (let item in city_list) {
											if (cityData.findIndex(key => key.city === city_list[item]) != -1) {
												this.areaList2.city_list[item] = city_list[item]
											}
										}
									}
									if (i == 'province_list') {
										let province_list = response.data[i]
										for (let item in province_list) {
											if (resData.findIndex(key => key.province === province_list[item]) != -1) {
												this.areaList2.province_list[item] = province_list[item]
											}
										}
									}
								}
							} else {
								this.api_type=0
								this.resCode = false
								this.areaList2 = {
									city_list: {},
									province_list: {}
								}

								for (let i in response.data) {
									if (i == 'city_list') {
										this.areaList2.city_list = response.data[i]
									}
									if (i == 'province_list') {
										this.areaList2.province_list = response.data[i]
									}
								}
							}
						})


					})

				console.log('this.areaList2', this.areaList2)
				this.getpeizhi()
				let p = this.getitem()



				p.then(item => {

					if (this.item.price == 0) {

					} else {
						//京东用
						if (!this.all.productId) {

							var wx = window.navigator.userAgent.toLowerCase();
							if (wx.match(/MicroMessenger/i) == 'micromessenger') {
								this.all.pay_method = 3
								let url = encodeURIComponent(window.location.origin + window.location.pathname + `?id=${this.id}&promoter_id=${this.all.promoter_id}`)

								if (this.getUrlParam('code')) {
									this.code = this.getUrlParam('code')
									axios.get(`${this.apis}/api/wechat/code2token?code=${this.code}&id=${this.id}`)
										.then(response => {
											if (response.data.msg.code == 0) {
												if (response.data.data.errcode) {
													axios.get(`${this.apis}/api/wechat/code?id=${this.id}&url=${url}`)
														.then(response => {
															if (response.data.msg.code == 0) {
																window.location.href = response.data.data
															} else {
																vant.Toast(response.data.msg.info);
															}
														})
												}
												this.all.openid = response.data.data.openid
											} else {
												
												vant.Toast(response.data.msg.info);
											}
										})
								} else {
									axios.get(`${this.apis}/api/wechat/code?id=${this.id}&url=${url}`)
										.then(response => {
											if (response.data.msg.code == 0) {
												window.location.href = response.data.data
											} else {
												this.meiyouweixin = true
												console.log(this.meiyouweixin)
												// vant.Toast(response.data.msg.info);
											}
										})
								}
							}

							// var wx = window.navigator.userAgent.toLowerCase();
							// if (wx.match(/MicroMessenger/i) == 'micromessenger') {
							// 	this.all.pay_method = 3 

							// 	if (this.getUrlParam('code')) {
							// 		this.code = this.getUrlParam('code')
							// 		axios.get(`${this.apis}/api/wechat/code2token?code=${this.code}`)
							// 		    .then(response => {
							// 		        if(response.data.msg.code == 0){
							// 					if(response.data.data.errcode){
							// 						axios.get(`${this.apis}/api/wechat/code?url=${window.location}`)
							// 						    .then(response => {
							// 						        if(response.data.msg.code == 0){
							// 						            window.location.href = response.data.data
							// 						        }else{
							// 						            vant.Toast(response.data.msg.info);
							// 						        }
							// 						    })
							// 					}
							// 		            this.all.openid = response.data.data.openid
							// 		        }else{
							// 					vant.Toast(response.data.msg.info);
							// 		        }
							// 		    })
							// 	} else {
							// 		axios.get(`${this.apis}/api/wechat/code?url=${window.location}`)
							// 		    .then(response => {
							// 		        if(response.data.msg.code == 0){
							// 		            window.location.href = response.data.data
							// 		        }else{
							// 		            vant.Toast(response.data.msg.info);
							// 		        }
							// 		    })
							// 	}
							// }
						}
					}
					//选号
					this.xuanhaokai()
				})






				// axios.post(that.links + '/api/wechat/code', {"token":that.code,"appid":"wx2d18b51e3875af9a","scope":"userinfo"})
				//     .then(response => {
				//         if(response.data.msg.code == 0){
				//             console.log("登陆成功")
				//             that.loading = false
				//         }else{
				//             that.$message.error(response.data.msg.info);
				//         }
				//     })



			},
			mounted() {
				window.addEventListener('scroll', this.scrollToTop)
				setTimeout(() => {
					let gao = (-(this.$refs.haha.clientHeight / 2)) + 'px'
					let style = document.styleSheets[2]
					style.insertRule(`
							@keyframes all{
								from {
									transform:  translate(0px,0px);
								}
								to {
									transform:  translate(0,${gao});
								}
							}
						`)

					this.$refs.haha.style.animation = `all ${this.pinglunlist.length * 3}s linear infinite`
				}, 4000)

				this.form_uni = this.getRandomChar()
			},
			methods: {
				openUrl(jumpUrl) {
					//  window.location.href = jumpUrl;
					window.open(jumpUrl, "_self")
				},
				openLink: function (url) {
					console.log('url', url)
					window.location.href = './' + url + '.html?id=' + this.id
					// window.location.href = './index.html?id=' + this.tab

				},
				getRandomChar: function (len = 11) {
					var x = "0123456789qwertyuioplkjhgfdsazxcvbnm" // 需要什么字符这里添加
					var tmp = ""
					var timestamp = new Date().getTime();
					for (var i = 0; i < len; i++) {
						tmp += x.charAt(Math.ceil(Math.random() * 100000000) % x.length);
					}
					return timestamp + tmp;
				},
				fenxiyong: function () {
					axios.post(`${this.apis}/api/store/web/form`, this.all).then(response => {

					})
				},
				teshuhuichuan: function (t) {

					this.all.form_uni = this.form_uni
					axios.post(`${this.apis}/api/store/web/form`, this.all).then(response => {

					})

					if (t && this.item.order_status == 4) {
						let data = this.areaList.province_list
						let data2 = this.areaList.city_list
						let data3 = this.areaList.county_list

						if (this.item.callback_condition != '') {
							let obj = {}
							let obj2 = {}
							let obj3 = {}
							this.item.callback_condition.forEach(items => {

								if (items[0]) {
									Object.keys(data).map((key1, item1) => {
										if (items[0] == key1) {
											obj[key1] = data[key1]
										}
									})
								}
								if (items[1]) {
									Object.keys(data2).map((key2, item2) => {
										if (items[1] == key2) {
											obj2[key2] = data2[key2]
										}
									})
								}
								if (items[2]) {
									Object.keys(data3).map((key3, item3) => {
										if (items[2] == key3) {
											obj3[key3] = data3[key3]
										}
									})
								}

							})


							Object.keys(obj2).map((key2, item2) => {
								console.log(obj2[key2], this.all.city)
								if (obj2[key2] == this.all.city) {
									axios.post(`${this.apis}/api/store/attribution`, this.all).then(response => {

									})

								}
							})

						}
					}



					// if((this.all.mobile.length == 11 || this.all.id_num.length == 18) && (this.all.id == 486423 || this.all.id == 500891) && (this.all.province == '山东省' || this.all.province == '河南省' || this.all.province == '陕西省' || this.all.province == '湖南省' || this.all.province == '江西省' || this.all.province == '上海市' || this.all.province == '江苏省' || this.all.province == '浙江省')){
					// 	axios.post(`${this.apis}/api/store/attribution`,this.all).then(response => {

					// 	})
					// }
				},
				querenxuanhao: function (num) {
					if(!this.item.is_gdt_template){
						this.linshi = num.mobile.join('')
						this.pickobg = JSON.parse(JSON.stringify(num))
						this.pickobg.mobile = this.linshi
						this.xuanhaoshow = true
					}else{
						this.linshi = num.mobile.join('')
						this.pickobg = JSON.parse(JSON.stringify(num))
						this.pickobg.mobile = this.linshi
						
						//跳转
						
						const element = document.getElementById('is_gdt_template');
						const elementPosition = element.offsetTop;
						
						window.scrollTo({
						    top: elementPosition,
						    behavior: 'smooth'
						});
					}
					
					
				},
				//上一页
				prepage() {
					if (this.pagenum != 1) {
						this.pagenum--
						this.getlist()
					}
				},
				//下一页
				nextpage() {
					this.pagenum++
					this.getlist()
				},

				getlist: function () {

					// this.all.pretty_number = ''
					this.linshi = ''
					let obj = {
						"page_id": this.item.page_id,
						"data": {
							"id_card_num": this.all.id_num,
							"address_province": this.all2.province,
							"address_province_code": this.all2.provincecode,
							"address_city": this.all2.city,
							"address_city_code": this.all2.citycode,
							"address_district": this.all2.district,
							"address_district_code": this.all2.districtcode,
							"page": this.page_num,
							"search_name": this.shuzi,
						},
						"api_type": this.api_type, //接口类型:0=原选号接口,1=号池选号-获取省市,2=号池选号-查号
						'city': this.all2.city,
					}
					if (this.nowchoosetagitem != '') {
						obj.data[this.nowchoosetagitem.rule_key] = this.nowchoosetagitem.rule_name
						// console.log(key,value)
						console.log(obj)
					}

					// 不带4

					if (this.choosesend.length > 0) {
						obj.data['second_search'] = this.choosesend.toString()
					}

					axios.post(`${this.apis}/api/store/query/number`, obj).then(response => {
						if (response.data.msg.code == 0) {

							// if(this.item.take_number == 1){

							// 	if(this.item.mobile_config == 3){
							// 		this.list = response.data.data.arr
							// 		this.list2 = response.data.data.arr
							// 		this.all.num_city_code = response.data.data.num_city_code
							// 	}

							// 	if(this.item.mobile_config == 2){
							// 		this.list = response.data.data
							// 		this.list2 = response.data.data
							// 	}

							// 	if(this.item.mobile_config == 1){
							// 		this.list = response.data.data
							// 		this.list2 = response.data.data
							// 	}

							// 	if(this.item.mobile_config == 4){
							// 		Object.keys(response.data.data).map((key,value)=>{
							// 			if(key != 'arr'){
							// 				this.$set(this.all,key,response.data.data[key])
							// 				this.$set(this.mobile_config4canshu,key,response.data.data[key])
							// 			}else{
							// 				this.list = []
							// 				this.list2 = []
							// 				this.mobile_config4 = response.data.data.arr
							// 				Object.keys(this.mobile_config4).map((key,value)=>{
							// 					this.list.push(this.mobile_config4[key])
							// 					this.list2.push(this.mobile_config4[key])
							// 				})
							// 			}
							// 		}) 
							// 	}

							// 	if(this.item.mobile_config == 5){
							// 		Object.keys(response.data.data).map((key,value)=>{
							// 			if(key != 'arr'){
							// 				this.$set(this.all,key,response.data.data[key])
							// 				this.$set(this.mobile_config4canshu,key,response.data.data[key])
							// 			}else{
							// 				this.list = response.data.data.arr
							// 				this.list2 = response.data.data.arr
							// 			}
							// 		}) 
							// 	}
							// }else{
							// 	this.list = response.data.data
							// 	this.list2 = response.data.data
							// }
							var newdata = response.data.data


							this.list = this.firststro(newdata)

						} else {
							vant.Toast(response.data.msg.info);

						}
					})
				},
				xuanhaokai: function () {
					if (this.item.take_number > 0) {
						if (this.item.mobile_config == 1) {
							console.log(this.shengshiqu2)
							if (this.shengshiqu2 == '' || this.shengshiqu2 == '省、市') {
								// this.shengshiqu2 = this.shengshiqu
								this.all2 = {
									province: this.all.province,
									provincecode: this.all.provincecode,
									city: this.all.city,
									citycode: this.all.citycode,
									district: this.all.district,
									districtcode: this.all.districtcode
								}

								if (this.all.province == '') {
									if (this.all.province == '') {
										this.hong2 = true
									}
									vant.Toast('请填写归属地后方可选号！');
									return false
								} else {
									this.getlist()
									// this.xuanhaoshow = true
								}
							} else {
								this.getlist()
								// this.xuanhaoshow = true
							}
						} else {
							this.getlist()
						}
					}



					// if(this.item.take_number == 1){

					// 	if(this.item.mobile_config == 1){
					// 		console.log(this.shengshiqu2)
					// 		if(this.shengshiqu2 == '' || this.shengshiqu2 == '点击选择所在地区'){
					// 			this.shengshiqu2 = this.shengshiqu
					// 			this.all2 = {
					// 				province: this.all.province,
					// 				provincecode: this.all.provincecode,
					// 				city: this.all.city,
					// 				citycode: this.all.citycode,
					// 				district: this.all.district,
					// 				districtcode: this.all.districtcode
					// 			}

					// 			if(this.all.province == ''){
					// 				if(this.all.province == ''){
					// 					this.hong2 = true
					// 				}
					// 				vant.Toast('请填写归属地后方可选号！');
					// 				return false
					// 			}else{
					// 				this.getlist()
					// 				// this.xuanhaoshow = true
					// 			}
					// 		}else{
					// 			this.getlist()
					// 			// this.xuanhaoshow = true
					// 		}
					// 	}

					// 	if(this.item.mobile_config == 2||this.item.mobile_config == 3){
					// 		// this.xuanhaoshow = true
					// 		this.getlist()
					// 		// alert('-000')

					// 	}
					// 	// if(this.item.mobile_config == 3){
					// 	// 	// this.xuanhaoshow = true
					// 	// }
					// 	if(this.item.mobile_config == 4){
					// 		if(this.shengshiqu2 == '' || this.shengshiqu2 == '点击选择所在地区'){
					// 			this.shengshiqu2 = this.shengshiqu
					// 			this.all2 = {
					// 				province: this.all.province,
					// 				provincecode: this.all.provincecode,
					// 				city: this.all.city,
					// 				citycode: this.all.citycode,
					// 				district: this.all.district,
					// 				districtcode: this.all.districtcode
					// 			}

					// 			if(this.all.province == ''){
					// 				if(this.all.province == ''){
					// 					this.hong2 = true
					// 				}
					// 				vant.Toast('请填写归属地后方可选号！');
					// 				return false
					// 			}else{
					// 				this.getlist()
					// 				// this.xuanhaoshow = true
					// 			}
					// 		}else{
					// 			this.getlist()
					// 			// this.xuanhaoshow = true
					// 		}

					// 	}
					// 	if(this.item.mobile_config == 5){
					// 		if(this.shengshiqu2 == '' || this.shengshiqu2 == '点击选择所在地区'){
					// 			this.shengshiqu2 = this.shengshiqu
					// 			this.all2 = {
					// 				province: this.all.province,
					// 				provincecode: this.all.provincecode,
					// 				city: this.all.city,
					// 				citycode: this.all.citycode,
					// 				district: this.all.district,
					// 				districtcode: this.all.districtcode
					// 			}

					// 			if(this.all.province == ''){
					// 				if(this.all.province == ''){
					// 					this.hong2 = true
					// 				}
					// 				vant.Toast('请填写归属地后方可选号！');
					// 				return false
					// 			}else{
					// 				this.getlist()
					// 				// this.xuanhaoshow = true
					// 			}
					// 		}else{
					// 			this.getlist()
					// 			// this.xuanhaoshow = true
					// 		}
					// 	}
					// }

				},
				shaixuanhao: function (shuzi) {

					this.pagenum = 1
					this.nowchoosetag = ''
					this.nowchoosetagitem = {}
					//选号
					this.xuanhaokai()

					// if(this.weihao){
					// 	if(this.shuzi.length > 4){
					// 		vant.Toast('尾号检索请输入少于四位数字');
					// 		return false
					// 	}
					// 	if(this.weihao){
					// 		let list2 = this.list2 
					// 		this.list = list2.filter(item=>item.toString().substring(7,11).includes(this.shuzi))
					// 	}
					// }else{
					// 	let list2 = this.list2
					// 	this.list = list2.filter(item=>item.toString().includes(shuzi))

					// }
				},
				// weihaoma:function(){
				// 	if(this.shuzi.length > 4){
				// 		vant.Toast('尾号检索请输入少于四位数字');
				// 		return false
				// 	}
				// 	this.weihao = !this.weihao
				// 	if(this.weihao){
				// 		let list2 = this.list2 
				// 		this.list = list2.filter(item=>item.toString().substring(7,11).includes(this.shuzi))
				// 	}
				// 	console.log(this.weihao)
				// },

				// //弹出省市区
				// showPopup: function() {

				// 	this.hong2 = false
				// 	this.show = true
				// },

				// //省市区确认
				// queren: function(v) {

				// 	console.log(v)
				// 	if (!v[0].code || !v[1].code || !v[2].code) {
				// 		vant.Toast('请完整选择省市区');
				// 		return false
				// 	}
				// 	this.all.province = v[0].name
				// 	this.all.provincecode = v[0].code
				// 	this.all.city = v[1].name
				// 	this.all.citycode = v[1].code
				// 	this.all.district = v[2].name
				// 	this.all.districtcode = v[2].code

				// 	this.shengshiqu = this.all.province + '  ' + this.all.city + '  ' + this.all.district

				// 	this.show = false
				// },
				// //省市区取消
				// quxiao: function() {
				// 	this.show = false
				// },


				//弹出省市区
				showPopup2: function () {
					this.show2 = true
				},
				queren2: function (v) {
					if (!v[0].code || !v[1].code) {
						vant.Toast('请完整选择省市区');
						return false
					}
					this.all2.province = v[0].name
					this.all2.provincecode = v[0].code
					this.all2.city = v[1].name
					this.all2.citycode = v[1].code
					// this.all2.district = v[2].name
					// this.all2.districtcode = v[2].code

					this.shengshiqu2 = this.all2.province + '  ' + this.all2.city
					this.teshuhuichuan()
					this.show2 = false


					// if(this.item.take_number==3){

					this.pagenum = 1
					this.getlist()
					// }else{
					// 	this.getlist()
					// }

				},
				//省市区取消
				quxiao2: function () {
					this.show2 = false
				},


				dakaixieyi: function (index, type) {

					if (this.xieyilist[index].is_yd_protocol == 1) {
						axios.get(`${this.apis}/api/store/product/protocol`, {
							params: {
								order_page_id: this.all.id,
								address_province: this.all2.province || this.all.province
							}
						}).then(response => {
							if (response.data.msg.code == 0) {
								this.log1html = response.data.data[0].content
								if (type == 'qz') {

								} else {
									this.log1 = true
									console.log('不应该==')
								}

							} else {
								vant.Toast(response.data.msg.info);
							}
						})
					} else {
						this.log1html = this.xieyilist[index].content
						if (type == 'qz') {

						} else {
							this.log1 = true
							console.log('不应该==')
						}
					}

				},

				getNewArray: function (array, subGroupLength) {
					let index = 0;
					let newArray = [];
					while (index < array.length) {
						console.log(index)
						newArray.push(array.slice(index, index += subGroupLength));
					}
					return newArray;
				},
				getpinglun: function (id) {

					axios.get(`${this.apis}/api/mini/comment/list?temp_id=${id}`)
						.then(response => {
							this.pinglunlist = response.data.data

							let time = moment().subtract(this.pinglunlist.length * parseInt(Math.random() * 10), 'minutes')
							if (this.pinglunlist != '') {
								this.pinglunlist.forEach((item, index) => {
									if (item.header == '') {
										item.header = 'https://static.91haoka.cn/toux.png'
									}
									let miao = parseInt(Math.random() * 60)
									if (miao < 10) {
										miao = '0' + miao.toString()
									}
									time = moment(time).add(index + 1 * parseInt(Math.random() * 10), 'minutes').format('YYYY-MM-DD HH:mm:' + miao)
									item.created_at = moment(time).add(index + 1 * parseInt(Math.random() * 10), 'minutes').format('HH:mm:' + miao)
								})
								// this.pinglunlist = this.getNewArray(this.pinglunlist, 2);
							}

						})
				},
				getpeizhi: function () {
					let wenjianjia = 'web-page'
					if (window.location.href.includes('storep.91haoka.cn') && this.apis == '') {
						wenjianjia = 'web-page'
					}
					if (window.location.href.includes('store.91haoka.cn') && this.apis == '') {
						wenjianjia = 'test-web-page'
					}
					// if(window.location.href.includes('localhost')){
					//   wenjianjia = 'web-page'
					// }
					if (window.location.href.includes('localhost')) {
						wenjianjia = 'test-web-page'
					}
					if (window.location.href.includes('192.168.2.97')) {
						wenjianjia = 'test-web-page'
					}
					axios.get(`https://file.storep.91haoka.cn/${wenjianjia}/${this.id}.json?v=${Math.random()}`)
						// axios.get(`${this.apis}/storage/web-page/${this.id}.json?v=${Math.random()}`)
						.then(response => {
							this.peizhi = JSON.parse(response.data)
							if (!this.peizhi.lanjie) {
								this.peizhi.lanjie = []
							}

							if (!this.peizhi.anniuwenzi && !this.peizhi.yansename) {
								this.peizhi.neirongcolor = "rgb(157, 111, 255)"
								this.peizhi.anniucolor = "rgb(255, 64, 33)"
								this.peizhi.anniuwenzi = "0元领取  包邮到家"
								this.peizhi.yansename = "紫色"
								this.peizhi.yueduyanse = "rgb(66, 6, 93)"
							}
							if (!this.peizhi.anniuwenziObj) {
								this.peizhi.anniuwenziObj = {
									text: this.peizhi.anniuwenzi || "0元领取  包邮到家",
									redio: 1,
									imgsDetails: ""
								};
							}
							console.log('this.peizhi.anniuwenziObj', this.peizhi.anniuwenziObj)
							if (this.peizhi.pinglun == 1 && this.peizhi.pinglunid) {
								this.getpinglun(this.peizhi.pinglunid)
							}

							if (!this.peizhi.xiantianxie) {
								this.peizhi.xiantianxie = 1
							}

							if (this.peizhi.gongsidianhua && this.peizhi.gongsidianhua.includes('\n')) {
								let arrs = this.peizhi.gongsidianhua.split('\n')
								this.peizhi.gongsidianhua = arrs[0] + '<br />' + arrs[1]
							}

							if (this.peizhi.bufahuodiqu == 1 && this.peizhi.delivery_city != '') {
								let data = this.areaList.province_list
								let data2 = this.areaList.city_list
								let data3 = this.areaList.county_list

								if (this.peizhi.delivery_city != '') {
									let obj = {}
									let obj2 = {}
									let obj3 = {}
									this.peizhi.delivery_city.forEach(items => {

										if (items[0]) {
											Object.keys(data).map((key1, item1) => {
												if (items[0] == key1) {
													obj[key1] = data[key1]
												}
											})
										}
										if (items[1]) {
											Object.keys(data2).map((key2, item2) => {
												if (items[1] == key2) {
													obj2[key2] = data2[key2]
												}
											})
										}
										if (items[2]) {
											Object.keys(data3).map((key3, item3) => {
												if (items[2] == key3) {
													obj3[key3] = data3[key3]
												}
											})
										}

									})

									this.areaList.province_list = obj
									this.areaList.city_list = obj2
									this.areaList.county_list = obj3
								}

							}
							if (this.peizhi.bufahuodiqu == 3 && this.peizhi.no_city != '') {
								let data = JSON.parse(JSON.stringify(this.areaList.province_list))
								let data2 = JSON.parse(JSON.stringify(this.areaList.city_list))
								let data3 = JSON.parse(JSON.stringify(this.areaList.county_list))

								console.log('---==--000')
								console.log(this.peizhi.no_city)
								// this.peizhi.bufahuosheng.forEach(items => {
								// 	Object.keys(data).map((key1, item1) => {
								// 		if (items == key1) {
								// 			delete this.areaList.province_list[items]
								// 		}
								// 	})			
								// })
								// this.peizhi.no_city.forEach(items => {											
								// 	Object.keys(data2).map((key2, item2) => {
								// 		if (items[1] == key2) {
								// 			delete this.areaList.city_list[key2]
								// 		}
								// 	})					
								// })
								this.peizhi.no_city.forEach(items => {
									Object.keys(data3).map((key3, item3) => {
										if (items[2] == key3) {
											delete this.areaList.county_list[key3]
										}
									})
								})
							}
							console.log(this.peizhi)
							var sheng = sessionStorage.getItem('sheng')
							var shi = sessionStorage.getItem('shi')
							var qu = sessionStorage.getItem('qu')
							for (let i in this.areaList.county_list) {
								if (this.areaList.county_list[i] == qu) {

									this.nowcitycode = i
									this.all.province = sheng
									this.all.city = shi
									this.all.district = qu
									this.shengshiqu = this.all.province + '  ' + this.all.city + '  ' + this.all.district
								}
							}

							if (this.peizhi.zimoren == 1) {
								this.ischeckedzi = true
							} else {
								this.ischeckedzi = false
							}

						})
				},
				getitem: function () {
					return new Promise((res, rej) => {
						axios.get(`${this.apis}/api/page/info?id=${this.id}`)
							.then(response => {

								if (response.data.data != '' && response.data.data) {
									response.data.data.custom_info.forEach(item2=>{
										this.all.custom_info.push({
											name:item2.name,value:""
										})
									})
									this.item = response.data.data
									
									if (this.item.network_access_protocol == 1) {
										if (this.item.protocol_check == 1) {
											this.checked = true
										}
										//获取协议
										axios.get(`${this.apis}/api/network-process-protocol/info?id=${this.item.protocol_id}`)
											.then(response => {
												this.xieyilist = response.data.data
											})
									}
									document.title = response.data.data.sale_name
									this.item.json = this.item.json ? JSON.parse(this.item.json) : {}



									if (this.item.num_province_name) {
										//固定省
										var gusheng = this.item.num_province_name
										var guprovince_list = {}
										var gucity_list = {}
										for (i in this.areaList2.province_list) {
											if (this.areaList2.province_list[i] == gusheng) {
												guprovince_list[i] = gusheng
												for (v in this.areaList2.city_list) {
													if (v.substring(0, 2) == i.substring(0, 2)) {
														gucity_list[v] = this.areaList2.city_list[v]
													}
												}
											}
										}
										this.areaList2.province_list = guprovince_list
										this.areaList2.city_list = gucity_list



										const firstEntry = Object.entries(gucity_list)[1];
										const firstKey = firstEntry[0];
										const firstValue = firstEntry[1];

										console.log('测试====')
										console.log(this.areaList2)
										console.log(gusheng)
										console.log(firstEntry[0])
										console.log(firstEntry[1])

										if (this.item.take_number > 0 && this.item.mobile_config == 1) {
											this.nowcitycode2 = firstKey
											this.all2.province = gusheng
											this.all2.city = firstValue
											this.shengshiqu2 = this.all2.province + '  ' + this.all2.city
										}





									} else {
										console.log('buguding')
										//当前省市初始值
										if (this.item.take_number > 0 && this.item.mobile_config == 1) {

											//其他用定位的值
											var sheng = sessionStorage.getItem('sheng')
											var shi = sessionStorage.getItem('shi')

											for (let i in this.areaList2.city_list) {
												if (this.areaList2.city_list[i] == shi) {

													this.nowcitycode2 = i
													this.all2.province = sheng
													this.all2.city = shi
													this.shengshiqu2 = this.all2.province + '  ' + this.all2.city
												}
											}
										}
									}








									//选号相关
									// if(this.item.take_number == 1 ){
									// if(this.item.mobile_config == 2){
									// 	this.getlist()
									// }
									// if(this.item.mobile_config == 3){
									// 	this.getlist()
									// }
									// if(this.item.mobile_config == 4){

									// }
									// if(this.item.mobile_config == 5){

									// }
									// }

									// if(this.item.take_number == 2){
									// 	if(this.item.mobile_config == 2){
									// 		this.getlist()
									// 	}
									// }

									// if(this.item.take_number == 3){

									// }

									this.jiazaizhong = false

									if (this.item.pick_number_rules != '') {

										var liang = []
										var ersearch = []
										for (var x = 0; x < this.item.pick_number_rules.length; x++) {
											if (this.item.pick_number_rules[x].rule_key == 'second_search') {
												ersearch.push(this.item.pick_number_rules[x])
											} else {
												liang.push(this.item.pick_number_rules[x])
											}
										}

										this.lianglist = this.sortFun(liang, 'sort', 'desc')
										this.nowchoosetagitem = this.sortFun(liang, 'sort', 'desc')[0]
										this.nowchoosetag = '0'
										this.btnsear = ersearch
									}


									res('ok')
								} else {
									document.title = '商品已下架'
									vant.Toast(response.data.msg.info);
								}


								// this.is_need_photo = this.person.is_need_photo
							})
					})
				},

				dataURLtoFile(dataurl, filename) {
					let arr = dataurl.split(","),
						mime = arr[0].match(/:(.*?);/)[1],
						bstr = atob(arr[1]),
						n = bstr.length,
						u8arr = new Uint8Array(n);
					while (n--) {
						u8arr[n] = bstr.charCodeAt(n);
					}
					return new File([u8arr], filename, {
						type: mime
					});
				},
				uploadok: function (file, who) {
					var that = this;
					var reader = new FileReader()
					var img = new Image();
					reader.onload = function (e) {
						img.src = e.target.result;
					};
					var canvas = document.createElement('canvas');
					var context = canvas.getContext('2d');
					// base64地址图片加载完毕后
					let p = new Promise((r, j) => {
						img.onload = function () {
							// 图片原始尺寸
							var originWidth = this.width;
							var originHeight = this.height;
							// 最大尺寸限制
							var maxWidth = 1920,
								maxHeight = 1080;
							// 目标尺寸
							var targetWidth = originWidth,
								targetHeight = originHeight;
							// 图片尺寸超过400x400的限制
							if (originWidth > maxWidth || originHeight > maxHeight) {
								if (originWidth / originHeight > maxWidth / maxHeight) {
									// 更宽，按照宽度限定尺寸                  targetWidth = maxWidth;                  targetHeight = Math.round(maxWidth * (originHeight / originWidth));
								} else {
									targetHeight = maxHeight;
									targetWidth = Math.round(maxHeight * (originWidth / originHeight));
								}
							}
							// canvas对图片进行缩放
							canvas.width = targetWidth;
							canvas.height = targetHeight;
							// 清除画布
							context.clearRect(0, 0, targetWidth, targetHeight);
							// 图片压缩
							context.drawImage(img, 0, 0, targetWidth, targetHeight);

							let base64 = canvas.toDataURL("image/jpeg", 0.8); // 压缩后的base64图片
							let file2 = that.dataURLtoFile(base64, Date.parse(Date()) + ".jpg");
							r(file2)
						};
					})
					reader.readAsDataURL(file);
					p.then(files => {

						axios.post(`${this.apis}/api/qiniu/token`, { bucket: "gth" })
							.then(response => {
								var qiniudata = new FormData();
								qiniudata.append('file', files);
								qiniudata.append('token', response.data.data);

								axios.post('https://upload.qiniup.com', qiniudata)
									.then(response => {
										this.all[who] = 'https://pic.91haoka.cn/' + response.data.key
										
										
										console.log(this.all)
									})
							})

						// var formData = new FormData();
						// formData.append("file", files);
						// formData.append("type", 'pic');
						// axios.post(`${this.apis}/api/system/upload`, formData)
						//   .then(response => {
						//     if (response.data.msg.code == 0) {
						//       that.img = response.data.data
						//       that.$emit('getimg', response.data.data)
						//     } else {
						//       that.$message.error(response.data.msg.info);
						//     }
						//   })
					})
				},

				afterRead1: function (file) {
					this.uploadok(file.file, 'face_url')
					// axios.post(`${this.apis}/api/qiniu/token`,{bucket:"gth"})
					// 	.then(response => {
					// 	var qiniudata = new FormData();
					// 		qiniudata.append('file', file.file);
					// 		qiniudata.append('token',response.data.data);

					// 		axios.post('https://upload.qiniup.com',qiniudata)
					// 			.then(response => {
					// 				this.all.face_url = 'https://pic.91haoka.cn/' + response.data.key
					// 			})
					// })
				},
				afterRead2: function (file) {
					this.uploadok(file.file, 'back_url')
					// axios.post(`${this.apis}/api/qiniu/token`,{bucket:"gth"})
					// 	.then(response => {
					// 	var qiniudata = new FormData();
					// 		qiniudata.append('file', file.file);
					// 		qiniudata.append('token',response.data.data);
					// 	axios.post('https://upload.qiniup.com',qiniudata)
					// 		.then(response => {
					// 			this.all.back_url = 'https://pic.91haoka.cn/' + response.data.key
					// 		})
					// })
				},
				afterRead3: function (file) {
					this.uploadok(file.file, 'hand_url')
					// axios.post(`${this.apis}/api/qiniu/token`,{bucket:"gth"})
					// 	.then(response => {
					// 	var qiniudata = new FormData();
					// 		qiniudata.append('file', file.file);
					// 		qiniudata.append('token',response.data.data);
					// 	axios.post('https://upload.qiniup.com',qiniudata)
					// 		.then(response => {
					// 			this.all.hand_url = 'https://pic.91haoka.cn/' + response.data.key
					// 		})
					// })
				},
				afterRead4: function (file) {
					this.uploadok(file.file, 'custom_photos_url')
					
				},
				
				
				//获取url的code用
				getUrlParam: function (name) {
					var query = window.location.search.substring(1);
					var vars = query.split("&");
					for (var i = 0; i < vars.length; i++) {
						var pair = vars[i].split("=");
						if (pair[0] == name) {
							return pair[1];
						}
					}
					return (false);
				},
				// 		scrollToTop() {
				// 			var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body
				// 				.scrollTop;

				// 			if (scrollTop > 1000) {
				// 				this.scrollTopshow = true
				// 			} else {
				// 				this.scrollTopshow = false
				// 			}
				// 		},
				// 		backtop: function() {
				// 			window.scrollTo(0, 376);
				// 		},

				//支付
				// fukuan: function() {
				// 	this.dialog = false
				// 	this.num = 3
				// 	this.dianba = true
				// 	var that = this
				// 	axios.post(this.urls + '/api/recharge/hua-pay', {
				// 			mobile: this.input,
				// 			product_id: this.li,
				// 			payment_method: "wx_mp"
				// 		})
				// 		.then(response => {
				// 			if (response.data.msg.code == 0) {
				// 				WeixinJSBridge.invoke(
				// 					'getBrandWCPayRequest', {
				// 						"appId": "wx2d18b51e3875af9a",
				// 						'timeStamp': response.data.data.payInfo.timeStamp,
				// 						'nonceStr': response.data.data.payInfo.nonceStr,
				// 						'package': response.data.data.payInfo.package,
				// 						'signType': 'MD5',
				// 						'paySign': response.data.data.payInfo.paySign,
				// 					},
				// 					function(res) {
				// 						if (res.err_msg == "get_brand_wcpay_request:ok") {}
				// 					});
				// 			} else {
				// 				that.$message.error(response.data.msg.info);
				// 			}
				// 		})
				// },
				//验证是否可以提交
				// go: function() {
				// 	if (this.mobile.length != 11) {
				// 		vant.Toast('请填写正确手机号');
				// 		return false
				// 	}
				// 	if (this.address == "" || this.name == "" || this.sheng == "") {
				// 		vant.Toast('请填写完整信息');
				// 		return false

				// 	} else {
				// 		this.show2 = true
				// 	}
				// },
				//姓名写入 出身份证
				// namewrite: function() {
				// 	this.cardshow = true
				// },

				//弹出省市区
				showPopup: function () {
					this.show = true
				},
				//省市区确认
				queren: function (v) {
					if (!v[0].code || !v[1].code || !v[2].code) {
						vant.Toast('请完整选择省市区');
						return false
					}
					this.all.province = v[0].name
					this.all.provincecode = v[0].code
					this.all.city = v[1].name
					this.all.citycode = v[1].code
					this.all.district = v[2].name
					this.all.districtcode = v[2].code

					this.shengshiqu = this.all.province + '  ' + this.all.city + '  ' + this.all.district

					this.teshuhuichuan()
					this.show = false
				},
				//省市区取消
				quxiao: function () {
					this.show = false
				},
				//获取验证码
				getcode: function () {
					var that = this;
					if (this.all.mobile.length != 11) {
						vant.Toast("请输入正确手机号");
						return;
					}
					that.yzmuse = true
					that.yzmnum = 60;
					that.timer = setInterval(function () {
						if (that.yzmnum == 0) {
							clearInterval(that.timer);
							that.yzm = '获取验证码';
							that.yzmuse = false
						} else {
							that.yzmuse = true
							that.yzm = that.yzmnum + '秒重新获取';
							that.yzmnum = that.yzmnum - 1;
						}
					}, 1000);

					axios.post(`${this.apis}/api/order/code/send`, { mobile: this.all.mobile, id: this.id })
						.then(function (response) {
							if (response.data.msg.code == 0) {
								vant.Toast("验证码已发送");
							} else {
								vant.Toast(response.data.msg.info);
							}
						})
				},

				//验证码校验
				checkCode: function () {
					var that = this
					return new Promise((res, rej) => {
						axios.post(`${this.apis}/api/order/code/check`, {
							mobile: this.all.mobile,
							code: this.all.code
						}).then(response => {
							if (response.data.msg.code == 0) {
								if (response.data.data) {
									res('ok')
								} else {
									this.all.error_report = "请输入正确的验证码"
									this.teshuhuichuan()
									setTimeout(() => {
										this.all.error_report = ""
									}, 500)
									vant.Toast('请输入正确的验证码');
								}

							} else {
								vant.Toast(response.data.msg.info);
								this.all.error_report = response.data.msg.info
								this.teshuhuichuan()
								setTimeout(() => {
									this.all.error_report = ""
								}, 500)

							}
						})
					})
				},
				// qufukuan: function() {
				// 	this.show2 = true
				// },
				//国政通
				guozhengtong: function () {
					if (this.all.id_num.length != 18) {
						this.all.error_report = "请填写正确身份证号码"
						this.teshuhuichuan()
						setTimeout(() => {
							this.all.error_report = ""
						}, 500)
						vant.Toast("请填写正确身份证号码！");
						return false
					}


					return new Promise((res, rej) => {
						axios.post(`${this.apis}/api/id/check`, {
							name: this.all.id_name,
							id_num: this.all.id_num,
							id: this.id
						}).then(response => {
							if (response.data.msg.code == 0) {
								if (response.data.data == 'success') {
									res('ok')
								} else {
									this.all.error_report = "请填写正确的姓名和身份证号码"
									this.teshuhuichuan()
									setTimeout(() => {
										this.all.error_report = ""
									}, 500)
									vant.Toast('请填写正确的姓名和身份证号码');
								}
							} else {
								vant.Toast(response.data.msg.info);

								this.all.error_report = response.data.msg.info
								this.teshuhuichuan()
								setTimeout(() => {
									this.all.error_report = ""
								}, 500)

							}
						})
					})
				},
				tijiaogo2: function () {
					var that = this

					//传个code开始
					Object.keys(this.areaList.province_list).map((item, index) => {
						if (this.areaList.province_list[item] == this.all.province) {
							this.all.province_code = item
						}
					})
					Object.keys(this.areaList.city_list).map((item, index) => {
						if (this.areaList.city_list[item] == this.all.city) {
							this.all.city_code = item
						}
					})
					Object.keys(this.areaList.county_list).map((item, index) => {
						if (this.areaList.county_list[item] == this.all.district) {
							this.all.district_code = item
						}
					})
					//传个code结束

					if (this.all.pay_method == 1) {

					} else {

					}
					
					if(this.item.custom_info != ''){
						let i = 0
						this.item.custom_info.forEach((item2,index2)=>{
							if(item2.bitian){
								if(this.all.custom_info[index2].value == ''){
									i++ 
									vant.Toast('请填写'+item2.name);
									return false
								}
							}
						})
						if(i > 0){
							this.tijiaoing = false
							return false
						}
						
					}
					
					//拦截相关的
					let abroad_sms_intercept = 0
					let abroad_call_intercept = 0
					if(this.checked2){
						abroad_sms_intercept = 1
					}
					if(this.checked1){
						abroad_call_intercept = 1
					}
					if(this.all.require_param){
						this.all.require_param = location.search.split('?')[1]
					}
					console.log(this.all)
					//1微信外 2支付宝  3微信内
					this.all.form_uni = this.form_uni
					axios.post(`${this.apis}/api/store/purchase`, { ...this.all, promoter_id: this.all.promoter_id,abroad_sms_intercept:abroad_sms_intercept,abroad_call_intercept:abroad_call_intercept })
						.then(response => {
							if (response.data.msg.code == 0) {
								
								// vant.Toast('下单成功');
								if (this.item.price == 0) {
									//快手回调
									// if(this.peizhi.kuaishou){
									// 	_ks_trace.push({event: 'form', convertId: that.peizhi.kuaishou, cb: function(){
									// 		console.log('Your callback function here!')
									// 	}})
									// 	setTimeout(()=>{

									// 		if(this.item.tab){
									// 			window.location.href = './success.html?tab='+this.item.tab
									// 		}else{
									// 			window.location.href = './success2xinxiliu.html?page_id='+this.item.id + '&price=' + this.item.price
									// 		}

									// 	},500)
									// }else{
									// 	setTimeout(()=>{
									// 		if(this.item.tab){
									// 			window.location.href = './success.html?tab='+this.item.tab
									// 		}else{
									// 			window.location.href = './success2xinxiliu.html?page_id='+this.item.id + '&price=' + this.item.price
									// 		}
									// 	},500)
									// }	
									setTimeout(() => {
										if (this.item.tab) {
											window.location.href = './success.html?tab=' + this.item.tab + '&promoter_id=' + this.all.promoter_id;
										} else {
											window.location.href = './success2xinxiliu.html?page_id=' + this.item.id + '&price=' + this.item.price + '&promoter_id=' + this.all.promoter_id;
										}
									}, 500)

								} else {
									if (this.all.pay_method == 1) {
										setTimeout(() => {
											window.location.href = response.data.data.h5_url
										}, 500)
									}
									if (this.all.pay_method == 2) {
										this.payGateWay = response.data.data
										this.$nextTick(() => {
											this.$refs.alipayWap.children[0].submit()
										})
									}
									if (this.all.pay_method == 3) {
										WeixinJSBridge.invoke(
											'getBrandWCPayRequest', {
											"appId": response.data.data.appId,
											'timeStamp': response.data.data.timeStamp,
											'nonceStr': response.data.data.nonceStr,
											'package': response.data.data.package,
											'signType': 'MD5',
											'paySign': response.data.data.paySign,
										},
											function (res) {
												if (res.err_msg == "get_brand_wcpay_request:ok") {
													setTimeout(() => {
														if (this.item.tab) {
															window.location.href = './success.html?tab=' + this.item.tab + '&promoter_id=' + this.all.promoter_id;
														} else {
															window.location.href = './success2xinxiliu.html?page_id=' + this.item.id + '&price=' + this.item.price + '&promoter_id=' + this.all.promoter_id;
														}
													}, 500)
												} else {
													// that.all.pay_method = ""
													// 	that.jiazaizhong = false
												}
											});
									}

									// var wx = window.navigator.userAgent.toLowerCase();
									// if (wx.match(/MicroMessenger/i) == 'micromessenger') {
									// 	WeixinJSBridge.invoke(
									// 	 'getBrandWCPayRequest', {
									// 	      "appId":response.data.data.appId,    
									// 	      'timeStamp': response.data.data.timeStamp,
									// 	      'nonceStr': response.data.data.nonceStr,
									// 	      'package': response.data.data.package,
									// 	      'signType': 'MD5',
									// 	      'paySign': response.data.data.paySign,
									// 	 },
									// 	 function(res){
									// 		 //快手回调
									// 		//  if(that.peizhi.kuaishou){
									// 		// 	_ks_trace.push({event: 'form', convertId: that.peizhi.kuaishou, cb: function(){
									// 		// 		console.log('Your callback function here!')
									// 		// 	}})
									// 		// 	setTimeout(()=>{
									// 		// 			if(this.item.tab){
									// 		// 				window.location.href = './success.html?tab='+this.item.tab
									// 		// 			}else{
									// 		// 				window.location.href = './success2xinxiliu.html?page_id='+this.item.id + '&price=' + this.item.price
									// 		// 			}
									// 		// 	},500)
									// 		// }else{
									// 		//    setTimeout(()=>{
									// 		// 		if(this.item.tab){
									// 		// 			window.location.href = './success.html?tab='+this.item.tab
									// 		// 		}else{
									// 		// 			window.location.href = './success2xinxiliu.html?page_id='+this.item.id + '&price=' + this.item.price
									// 		// 		}
									// 		//    },500)
									// 		// }
									// 		setTimeout(()=>{
									// 			if(this.item.tab){
									// 				window.location.href = './success.html?tab='+this.item.tab
									// 			}else{
									// 				window.location.href = './success2xinxiliu.html?page_id='+this.item.id + '&price=' + this.item.price
									// 			}
									// 		},500)
									// 	 }); 
									// }else{
									// 	//快手回调
									// 	// if(that.peizhi.kuaishou){
									// 	// 	_ks_trace.push({event: 'form', convertId: that.peizhi.kuaishou, cb: function(){
									// 	// 		console.log('Your callback function here!')
									// 	// 	}})
									// 	// 	setTimeout(()=>{
									// 	// 		window.location.href = response.data.data.h5_url
									// 	// 	},500)
									// 	// }else{
									// 	// 	setTimeout(()=>{
									// 	// 		window.location.href = response.data.data.h5_url
									// 	// 	},500)
									// 	// }
									// 	setTimeout(()=>{
									// 		window.location.href = response.data.data.h5_url
									// 	},500)
									// }
								}
							} else {
								vant.Toast(response.data.msg.info);

								this.all.error_report = response.data.msg.info
								this.teshuhuichuan()
								setTimeout(() => {
									this.all.error_report = ""
								}, 500)
								if (response.data.msg.code == 234 || response.data.msg.code == 235 || response.data.msg.code == 236) {

								} else {

									this.tijiaoing = false
								}

								if (response.data.msg.code == 330) {
									this.showtu3 = true
								}
							}

						})
				},
				quxinde: function () {
					location.href = location.origin + location.pathname + '?id=' + this.item.recommend_product
				},
				zhifufangshi: function (val) {
					if (val == 'weixin') {
						var ua = window.navigator.userAgent.toLowerCase();
						if (ua.match(/micromessenger/i) == 'micromessenger') {
							this.all.pay_method = 3
						} else {
							this.all.pay_method = 1
						}
					} else {
						this.all.pay_method = 2
					}
					this.tijiaogo2()
				},
				tijiaogo: function () {
					//是否需要二次确认
					if (this.peizhi.sureagain == '1') {
						//需要二次确认
						if (!this.chooseagain) {
							this.isshowagain = true
							this.tijiaoing = false
							return false
						}

					} else {
						if (this.item.price != 0) {
							this.zhifulog = true
						} else {
							this.tijiaogo2()
						}
					}



				},
				yongyi: function () {
					// this.checked = true
					this.logqueding = false
				},
				sureagainbtn() {
					this.chooseagain = true
					this.isshowagain = false
					if (this.item.price != 0) {
						this.zhifulog = true
					} else {
						this.tijiaogo2()
					}
				},
				tijiao: function () {
					
					if(this.item.is_gdt_template == 1){
						if(this.linshi == ''){
							vant.Toast("请先选择号码！");
							const element = document.getElementById('xuanhao');
							const elementPosition = element.offsetTop;
							
							window.scrollTo({
							    top: elementPosition,
							    behavior: 'smooth'
							});
							return false
						}
					}
					
					if(this.id == 523150 || this.id == 715815){
						window.location.href = 'https://gd.189.cn/TS/tysj/fn/order/index.html#/?u=gclCdK&c=rGDTkAuZXElYugWQXdWQy5Cy1Oy2PkQ1oQoWBhyJR1uio3XBKjP/W17pbox6FibKB6EJ/2IDuSwGiM/9LhJGBQ=='
						return
					}

					if (this.tijiaoing) {
						console.log('提交中...')
						return false
					} else {
						this.tijiaoing = true
					}





					if (this.item.network_access_protocol == 1 && this.item.protocol_check != 3) {
						if (!this.checked) {

							if (this.peizhi.protocol_qz) {
								//强制
								this.dakaixieyi(0, 'qz')
								this.logqueding = true
								this.checked = true

								this.tijiaoing = false
								return false
							} else {
								// vant.Toast("请先阅读并同意客服协议！");
								this.logqueding = true
								this.checked = true

								this.tijiaoing = false
								return false
							}

						}
					}



					if (this.peizhi.needidcard == 1 || this.peizhi.needidcard == undefined) {
						if (this.all.id_name == '') {
							vant.Toast("请填写姓名！");
							this.all.error_report = "请填写姓名"
							this.teshuhuichuan()
							setTimeout(() => {
								this.all.error_report = ""
							}, 500)
							this.tijiaoing = false
							return false
						}
						if (this.all.id_num.length != 18) {
							this.all.error_report = "请填写正确身份证号码"
							this.teshuhuichuan()
							setTimeout(() => {
								this.all.error_report = ""
							}, 500)
							vant.Toast("请填写正确身份证号码！");

							this.tijiaoing = false
							return false
						}
						const chineseIdCardRegex = /^[1-9]\d{5}(19|20)\d{2}(0[1-9]|1[0-2])(0[1-9]|[12]\d|3[01])\d{3}(\d|X|x)$/;
						if (chineseIdCardRegex.test(this.all.id_num)) {

						} else {
							vant.Toast('身份证号码格式不正确');
							this.all.error_report = "身份证号码格式不正确"
							this.teshuhuichuan()
							setTimeout(() => {
								this.all.error_report = ""
							}, 500)
							this.tijiaoing = false
							return
						}
					}

					if (this.peizhi.needage && this.peizhi.min_page && this.peizhi.max_page) {
						let arr = this.all.id_num
						let nian = arr.substr(6, 4)
						let yue = arr.substr(10, 2)
						let ri = arr.substr(12, 2)
						let quan = nian + '-' + yue + '-' + ri

						let x = moment().subtract(this.peizhi.min_page, 'years').format('YYYY-MM-DD')
						let z = moment(quan).format('YYYY-MM-DD')
						let y = moment().subtract(this.peizhi.max_page, 'years').format('YYYY-MM-DD')

						let x1 = moment().subtract(this.peizhi.min_page, 'years').format('X')
						let z1 = moment(quan).format('X')
						let y1 = moment().subtract(this.peizhi.max_page, 'years').format('X')

						if (z < x & z > y) {

						} else {
							this.baocuo = "您的年龄不符合要求，无法办理,办理年龄" + this.peizhi.min_page + '岁-' + this.peizhi.max_page + '岁'
							this.baocuolog = true
							this.all.error_report = "您的年龄不符合要求，无法办理"
							this.teshuhuichuan()
							setTimeout(() => {
								this.all.error_report = ""
							}, 500)
							this.tijiaoing = false
							return;
						}
					}



					if (this.all.mobile.length != 11) {
						vant.Toast("请输入正确手机号");
						this.all.error_report = "请输入正确手机号"
						this.teshuhuichuan()
						setTimeout(() => {
							this.all.error_report = ""
						}, 500)
						this.tijiaoing = false
						return;
					}
					if (!this.all.address || !this.all.province) {
						vant.Toast("请填写地址");
						this.all.error_report = "请填写地址"
						this.teshuhuichuan()
						setTimeout(() => {
							this.all.error_report = ""
						}, 500)
						this.tijiaoing = false
						return;
					}

					if (this.peizhi.shenfenzheng) {
						if (!this.all.back_url || !this.all.hand_url || !this.all.face_url) {
							vant.Toast("请先上传照片");
							this.all.error_report = "请先上传照片"
							this.teshuhuichuan()
							setTimeout(() => {
								this.all.error_report = ""
							}, 500)
							this.tijiaoing = false
							return;
						}
						if(this.peizhi.shangchuanneirongma){
							if (!this.all.custom_photos_url ) {
								vant.Toast("请先上传"+this.peizhi.shangchuanneirong+"照片");
								return;
							}
						}
					}

					if (this.item.address_yz == 1) {
						if ((this.all.province == this.all2.province) && (this.all.city == this.all2.city)) {


						} else {
							vant.Toast("收货地址与所选号码归属地不一致请重新选号下单");
							this.all.error_report = "收货地址与所选号码归属地不一致请重新选号下单"
							this.teshuhuichuan()
							setTimeout(() => {
								this.all.error_report = ""
							}, 500)
							this.tijiaoing = false
							return
						}
					}
					let guolist = []
					if (this.peizhi.guozhengtong) {
						guolist.push(this.guozhengtong())
					}
					if (this.peizhi.duanxin) {
						guolist.push(this.checkCode())
					}
					if (this.peizhi.shouhuorenxingming) {
						this.all.name = this.all.id_name
					}
					// if(this.all.name == ''){
					// 	vant.Toast("请填写收货人姓名！");
					// 	return false
					// }
					if (this.peizhi.xiantianxie == 2 && this.peizhi.needidcard == 2) {
						this.all.name = this.all.id_name
					}


					if (this.ischeckedzi) {
						this.all.is_gift_page = 1
					} else {
						this.all.is_gift_page = 0
					}

					if (this.peizhi.page_id_zi) {
						this.all.gift_order_page_id = this.peizhi.page_id_zi
					} else {
						this.all.gift_order_page_id = ''
					}

					console.log(this.all)
					if (guolist != '') {
						Promise.all(guolist).then(() => {
							this.all.pretty_number = this.linshi
							this.all.take_num_params = this.pickobg
							this.tijiaogo()
						})
					} else {
						this.all.pretty_number = this.linshi
						this.all.take_num_params = this.pickobg
						this.tijiaogo()
					}




				},
				////////////////////////////////
				//换一批
				refnum() {
					this.pagenum = 1
					//选号
					this.xuanhaokai()
				},
				//上一页
				prepage() {
					if (this.pagenum != 1) {
						this.pagenum--
						//翻页
						this.changepagestor(this.pagenum)
					}
				},
				//下一页
				nextpage() {
					this.pagenum++
					this.changepagestor(this.pagenum)
				},
				//选择标签
				choosetag(i, item) {
					if (this.nowchoosetag == i.toString()) {
						this.nowchoosetag = ''
						this.nowchoosetagitem = {}
					} else {
						this.nowchoosetag = i.toString()
						this.nowchoosetagitem = item
					}
					this.shuzi = ''
					this.pagenum = 1
					this.xuanhaokai()
					console.log(this.nowchoosetag)
				},
				//存
				setstor(item, name) {
					localStorage.setItem(name, JSON.stringify(item));
				},
				//取
				getstor(name) {
					return JSON.parse(localStorage.getItem(name))
				},
				//初始缓存20条
				firststro(dataarr) {

					this.setstor(dataarr, 'number')


					console.log(this.getstor('number'))


					var stor = []
					var stor = this.getstor('number').slice(0, 20)
					var linarr = []
					for (var x = 0; x < stor.length; x++) {
						linarr.push(this.slicestr(stor[x]))
					}
					return linarr
				},
				//翻页
				changepagestor(nowpage) {
					var stor = []
					var linarr = []

					var start = (nowpage * 1 - 1) * 20
					var end = (nowpage * 1) * 20

					stor = this.getstor('number').slice(start, end)
					console.log("读取缓存");
					console.log(stor);
					console.log(start, end);
					for (var x = 0; x < stor.length; x++) {
						linarr.push(this.slicestr(stor[x]))
					}
					this.list = linarr
					// this.list2 = linarr
				},
				sortFun: function (arr, name, type) {
					const compare = (prop) => {
						return function (obj1, obj2) {
							let val1 = obj1[prop];
							let val2 = obj2[prop];
							if (val1 < val2) {
								return -1;
							} else if (val1 > val2) {
								return 1;
							} else {
								return 0;
							}
						}
					}
					if (type == 'desc') {
						return arr.sort(compare(name));
					} else {
						return arr.sort(compare(name)).reverse();
					}
				},
				//分割字符串为数组
				slicestr: function (num) {
					console.log('要分割的内容')





					// var numarr = num.mobile.split(num.rule)

					var arr = []

					if (num.rule) {
						var starti = num.mobile.lastIndexOf(num.rule)
						var endi = starti + num.rule.length

						console.log(starti, endi)

						arr[0] = num.mobile.slice(0, starti)
						arr[1] = num.mobile.slice(starti, endi)
						arr[2] = num.mobile.slice(endi, 11)
					} else {
						arr[0] = num.mobile
						arr[1] = ''
						arr[2] = ''
					}


					num.mobile = arr

					// console.log('要分割的内容')

					return num
				},
				// 获取省市区
				async getssq() {
					await axios.get(`${this.apis}/api/ip-address/get`)
						.then(response => {
							console.log(response.data.msg.code)
							if (response.data.msg.code == 0) {
								
								if (response.data.data != '') {
									if(response.data.data.addressComponent.province == '北京市'){
										response.data.data.addressComponent.city = '北京市'
									}
									if(response.data.data.addressComponent.province == '天津市'){
										response.data.data.addressComponent.city = '天津市'
									}
									if(response.data.data.addressComponent.province == '重庆市'){
										response.data.data.addressComponent.city = '重庆市'
									}
									if(response.data.data.addressComponent.province == '上海市'){
										response.data.data.addressComponent.city = '上海市'
									}
									sessionStorage.setItem('sheng', response.data.data.addressComponent.province)
									sessionStorage.setItem('shi', response.data.data.addressComponent.city)
									sessionStorage.setItem('qu', response.data.data.addressComponent.district)
								} else {
									sessionStorage.setItem('sheng', '')
									sessionStorage.setItem('shi', '')
									sessionStorage.setItem('qu', '')
								}

							} else {
								sessionStorage.setItem('sheng', '')
								sessionStorage.setItem('shi', '')
								sessionStorage.setItem('qu', '')
								// this.$message.error(response.data.msg.info);
								// vant.Toast(response.data.msg.info);
							}
						});
				},
				//不要四
				checkfoutboxChange(e) {
					console.log(e)
					this.pagenum = 1
					this.getlist()
				},
				changeagree(e) {

					if (this.checked) {
						if (this.peizhi.protocol_qz) {
							//强制
							this.dakaixieyi(0, 'qz')
							this.logqueding = true
						}
					}
				},

				butongyi() {
					this.checked = false
					this.logqueding = false
				}
			}
		});
	</script>
</body>

</html>